3D层技术

网页样式设计--CSS

6，3D层技术

在下面的例子中，两行文本基本上被安排在页面的同一个位置上(第二个文本被褥安排在比第一个低10象素的地方)。一般来说，第二个元素将覆盖一点第一个元素，但是设计者可以使用z-index属性来改变这种情况

<!--

.over {position:absolute;top:165px;left:20px;z-index:1;background-color:green}

.under {position:absolute;top:175px;left:20;z-index:2;background-color:blue}

-->

</style>

</head>

<body>

<span class="over">这些文字在离顶部165px，离左边20px的地方</span>

<span class="under">这些文字虽然在上面文字的下面一点，但是它显示起来却会在上面文字的表面</span></body></html>

这些文字在离顶部165px，离左边20px的地方这些文字在离顶部175px，离左边20px的地方