zoukankan      html  css  js  c++  java
  • IE7浏览器绝对定位被下边元素遮挡问题解决办法

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

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

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

  • 相关阅读:
    SPI传输协议笔记
    Linux power supply class
    linux ramdisk 参数问题
    Android事件处理过程分析
    PWM 参数计算
    6.828 lab3
    6.828 lab1
    i.MX53 上电启动过程
    linux jiffies的比较
    在arm板上安装Debian
  • 原文地址:https://www.cnblogs.com/xuelixiang/p/4808300.html
Copyright © 2011-2022 走看看