戻る

複数の背景画像の重なり順

複数の背景画像を指定した場合、1枚目の画像が一番上に表示されます。たとえば、サンプルで緑色と黄色の円を重ねてみると、1枚目の緑色の円が上になっていることがわかります。

/* コンテナ */
div#container	{width: 900px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	padding:0 40px;
	-webkit-box-shadow: 0px 0px 50px #bbbbbb;
	box-shadow: 0px 0px 10px #666666;
	background-image: url(circle.png), url(circle-yellow.png);
	background-repeat: no-repeat;
	background-position: 15px 420px, 80px 490px;
	background-size: 94px 94px, 30px 30px}

inserted by FC2 system