5.5 叠放文字和图象

下面我将要谈到我一直吹嘘的在页面上重叠要素的方法。它不是通过设定边距负值或采用更小的行高来实现，而是通过......

z-index

当你定位多个要素并将其重叠时，你可以使用z-index来设定哪一个要素应出现在最上层。

H2 { position: relative; left: 10px; top: 0px; z-index: 10 }
H1 { position: relative; left: 33px; top: -35px; z-index: 1 }

观察这条CSS规则的执行效果（我将

的文字设为绿色，以便你观察其不同之处）：

Stylesheets

Mania

由于

文字的z-index参数值更高，所以它显示在

文字的上面。（IE 4在MAC机上执行这一项时会出问题，它会将

放在最上面。

该参数值使用纯整数。z-index用于绝对定位或相对定位了的要素。

你也可以给图象设定z-index。（对于Communicator，最好将 标签包在或 标签内，然后将z-index应用到或 。）

Copyright ＠ 2007-2012 敏韬网(敏而好学，文韬武略--MinTao.Net)（学习笔记） Inc All Rights Reserved.
闵涛 E_mail:admin@mintao.net(欢迎提供学习资源)

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18