《
第5页:css叠放文字和图象》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/03023451H013.htm
--> [
网站建设之]第5页:css叠放文字跟图象
下面我将要谈到我始终吹捧的在页面上重叠 因素的方式。它不是通过设定边距负值或采 用更小的行高来实现,
第4页:CSS背景图象,而是通过.css:.....
察看这条CSS规矩的履行后果(我将<H2>的 文字设为绿色,以便你视察其不同之处):
该参数值应用纯整数。z-index用于相对定 位或绝对定位了的要素,第4页:css控制定位的要素。
返回本专题:《CSS层叠款式表教程》的目录
H2 { position: relative; left: 10px; top: 0px; z-index: 10 } H1 { position: relative,第3页:CSS背景色; left: 33px; top: -35px,第3页:css相对定位; z-index: 1 }
z-index
因为<H2>文字的z-index参数值更高,所以 它显示在 <H1>文字的上面。(IE 4在MAC机 上执行这一项时会出问题,它会将<H1>放在 最上面。
当你定位多个要素并将其重叠时,你能够使 用z-index来设定哪一个要素应呈现在最上 层。
Stylesheets Mania
你也可以给图象设定z-index。(对 Communicator,最好将 <IMG>标签包在 <SPAN>或 <DIV>标签内,第2页:css绝对定位,而后将z-index 利用到<SPAN>或 <DIV>。)
Tag:图象 文字 图象 文字
(责任编辑:网站建设)
第5页:css叠放文字和图象相关文章