タダでインターネットでお小遣い稼ぎましょう!

タダでインターネットでお小遣いを稼ぎましょう!

スポンサードリンク
 

スタイルシート

 
スタイルシート 「配置」
要素の重ね合わせを指定する   ↓

top、left、right、bottomなどの要素が重なり合った場合、重なる順番を指定します。0が基準で数値が大きくなるほど前に重なり、小さくなるほど後ろにまわります。

auto にすると記述した順番で重なり、最後のものが一番前に表示されます

z-index: ★
 

<head>内の<style></style>に記述する

div	{
	position: absolute;
	width: 200px;
	height: 100px;
	text-align: center;
	text-size: 15px
}
div.sample1	{
	z-index: 2;
	top: 30px;
	left: 50px;
	background-color: #ff7f50
}
div.sample2	{
	z-index: 1;
	top: 70px;
	left: 100px;
	background-color: #ff69b4
}
div.sample3	{
	z-index: 3;
	top: 40px;
	left: 200px;
	background-color: #adff2f
}
div.sample4	{
	z-index: 0;
	top: 165px;
	left: 160px;
	background-color: #87ceeb
}

<body></body>内に記述

<div class="sample1">sample1</div>
<div class="sample2">sample2</div>
<div class="sample3">sample3</div>
<div class="sample4">sample4</div>

サンプル

 

このページの上へ