台州温岭做网站请找我们 (专业建站 | 诚信服务) 13958630945 在线客服 联系技术

佳源设计|台州网站建设|佳源网页设计

网站当前位置: 首页>>网站建设疑难>>IE系列下z-index失效解决
做网站JS特效
 
网站建设疑难
 
网站设计_图象处理
 
网站设计_Css样式
 
网站建设_Flash疑难
 
手机微网站建设
 
 建站知识搜索
 

台州网站建设
 
网站优化
 
提交疑问
 网站建设疑难 > IE系列下z-index失效解决

IE系列下z-index失效解决

2796次浏览
2013-04-10

z-index无论设置多高都不起作用情况。这种情况发生的条件有三个:1、父标签position属性为relative;2、问题标签无position属性(不包括static);3、问题标签含有浮动(float)属性。
父标签position属性为relative或absolute时,子标签的absolute属性是相对于父标签而言的。而在IE6下,层级的表现有时候不是看子标签的z-index多高,而要看它们的父标签的z-index谁高谁低。
IE6下,决定层级高低的不是当前的父标签,而是整个DOM tree(节点树)的第一个relative属性的父标签。
<div style="position:relative; z-index:1;">

<div style="position:relative; z-index:1000;">

<div style="position:absolute; z-index:9999;">

 <img src="http://image.zhangxinxu.com/image/study/s/s256/mm3.jpg" />

</div>

 </div>

</div>


页面所在本站地址: http://www.52-life.net/Nshow_reurl.asp?reurl=z-index
上一篇 >>网站建设中怎样直接引用优酷视频去除优酷15秒广告的方法
下一篇 >>解决chrome不能显示12PX以下字号的字体问题