記述方法としては以下
■sample.css
div.sample1 {
position: absolute;
top: 30px;
left: 30px;
height: 100px;
width: 100px;
background-color: #eeeeee;
z-index: 1;
}
div.sample2 {
position: absolute;
top: 10px;
left: 10px;
height: 100px;
width: 100px;
background-color: #999999;
z-index; 2;
}
■sample.html
<html>
<body>
<div class="sample1">サンプル１</div>
<div class="sample2">サンプル２</div>
</body>
</html>
■表示サンプル
指定するのは数値のみ、大きい数値であればあるほど前方に表示されるわけですね
見た目を作るときには非常に便利だと思います
僕の場合はCSSでフレームを作る事が良くあるので、その時に活用しました
対応ブラウザとしては以下のようです
Firefox 1～
InternetExplorer 4～
Opera 6～
Google Chrome 1～
0 件のコメント:
コメントを投稿