zoukankan      html  css  js  c++  java
  • IE6、7绝对定位层被遮挡的原因(主要是父层决定的)

    最近做项目,经常遇到IE7以下浏览器中。一些悬浮框被一些元素遮挡的问题,这些元素一般都是设置了position的。问题的根本在不是被设置绝对定位的元素上,而是在设置了相对定位的父元素上。

     
    我查阅了一些资料。当设置了相对定位的父元素如果没有设置z-index属性,当后面有元素设置position:relative的时候,则后面的元素就会遮挡掉前面的元素,不管前面的元素设置了多大的z-index
     
    解决的方法我总结一下
     
    1.对遮挡元素中设置z-index:0;初始化掉。
    2.在被遮挡的父元素中,也就是设置了相对定位的元素中设置z-index属性,最好比遮挡元素要大一些。
     
     

    在平时编写中,编写了position:relative后就要及时在后面设置z-index:0;如果有了这个意识,那以后的维护工作会相对轻松一些,这是我的个人看法。

  • 相关阅读:
    POJ 1511
    POJ 1125
    POJ 2240
    POJ 1459
    POJ 1274
    POJ 1789
    POJ 2485,1258
    POJ 1236
    POJ 1273
    Ruby on Rails 观后感
  • 原文地址:https://www.cnblogs.com/Denny_Yang/p/3217298.html
Copyright © 2011-2022 走看看