zoukankan      html  css  js  c++  java
  • ie67bug.之zIndex层叠

    这个是ie6-7下。zIndex的bug。可以在ff/ie8下 和 ie6/7下做对比。

    问题描述:在ie6/7下。有out1和out2两个同级的div,现在在其内部分别有一个in1和in2。现在在ie6/7下,无论in1怎么设置z-index.都无法将out2盖住。

    只能从根本上解决问题,也就是out1的z-index要>out2的z-index才行。比如直接把out2的zIndex=-1解决。但这样有时候会需要大量的js操作。

    原因:在正常情况下,不设置zIndex。同级的div,zIndex是一致的。但是在ie6/7下,同级的div,后面的zIndex值已经大于前面的了。现在不管你怎么改前面元素div的子元素的zIndex.都不能盖住后面的div元素。

    解决办法 :手动设置同级div的z-index就行了。如下面的。手动设置#out1的zindex大于#out2.或者设置#out2为-1

  • 相关阅读:
    雷电模拟器adb devices返回127.0.0.1:5555 offline分析和解决办法【转】
    Windows安装scoop的方法
    执行appium-doctor时提示不是内部或外部的命令的处理方法
    如何在博客园随笔里将代码显示为代码
    自动播放视频并录屏保存的python代码
    快速解决tomcat指定的服务未安装问题
    Jforum_看帖_回帖_发帖的测试用例
    使用jmeter模拟post请求在jforum论坛回帖报错
    登录probe失败的问题处理
    hadoop学习爬坑记录
  • 原文地址:https://www.cnblogs.com/lunalord/p/2052767.html
Copyright © 2011-2022 走看看