当前位置: 网站建设 > 网页设计 > 建站经验 >

第5页:css叠放文字和图象

时间:2013-03-02 04:09来源:未知 作者:admin 点击:

标签:第5页:css叠放文字和图象 叠放(1)CSS(823)文字(34)网站建设(1202)图象(4)5页(2)
--> [网站建设之]第5页:css叠放文字跟图象 下面我将要谈到我始终吹捧的在页面上重叠 因素的方式。它不是通过设定边距负值或采 用更小的行高来实现, 第4页:CSS背景图象 ,而是通过.css:..... 察看这条CSS规矩的履行后果(我将H2的 文字设为绿色,以便你视察其不同之处): 该参数值应用纯整数。z-index用于相对定 位或绝对定位了的要素, 第4页:css控制定位的要素 。 返回本专题:《CSS层叠款式表教程》的目录 H2 { position: relative; left: 10px
第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叠放文字和图象相关文章
上一篇:第4页:CSS背景图象 下一篇:第5页:CSS控制背景图象
回到顶部