RSS订阅
PHP程序员站--WWW.PHPERZ.COM  
网站地图
高级搜索
收藏本站

 当前位置:主页 >> 网页制作 >> CSS >> 文章内容
五日精通CSS层叠样式表之第五日(5)
[收藏此页[打印本页]   
来源:互联网  作者:未知  发布时间:2007-12-18


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

PHP程序员站--PHP程序员之家


z-index

PHP程序员站


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

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


观察这条CSS规则的执行效果(我将<H2>的文字设为绿色,以便你观察其不同之处):

PHP程序员站--PHP程序员之家


Stylesheets


Mania


由于<H2>文字的z-index参数值更高,所以它显示在 <H1>文字的上面。(IE 4在MAC机上执行这一项时会出问题,它会将<H1>放在最上面。 PHP程序员站--PHP程序员之家


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


你也可以给图象设定z-index。(对于Communicator,最好将 <IMG>标签包在<SPAN><DIV>标签内,然后将z-index应用到<SPAN><DIV>。) www~phperz~.com


 上一篇:五日精通CSS层叠样式表之第五日(4)   下一篇:五日精通CSS层叠样式表之第五日(6)
 
 相关文章
 
发表评论
全部评论(0条)
 
 站内搜索
 热门搜索 mysql  基础  php基础  url
高级搜索 网站地图 站长工具 IP查询 收藏本站
 热点文章
 随机推荐
网站首页 | 网站地图 | 高级搜索 | RSS订阅
PHP程序员站 Copyright © 2007,PHPERZ.COM All Rights Reserved 粤ICP备07503606号 联系站长