読み方プロトコル

z-index

ぜっといんでっくす

大まかな意味

CSSのプロパティ。
positionプロパティを使った時の、重なり順を指定する。

適当な使用例

大きな数値ほど、上に表示される。

<div style="background-color:red;width:100px;height:100px;
		position:absolute;top:0;left:0;
		z-index:5;">
	z-index: 5
</div>
<div style="background-color:yellow;width:100px;height:100px;
		position:absolute;top:20px;left:60px;
		z-index:100;">
	z-index: 100
</div>
<div style="background-color:blue;width:100px;height:100px;
		position:absolute;top:40px;left:20px;
		z-index:1;">
	z-index: 1
</div>
出力結果
z-index: 5
z-index: 100
z-index: 1
このエントリーをはてなブックマークに追加
Share on Tumblr

< session_start()

setcookie() >

コメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です