代码之家 › 专栏 › 技术社区 › Magnus Johansson

如何解决IE6的z-index错误?

html internet-explorer css

Magnus Johansson · 技术社区 · 16 年前

我附上了一个样品。 (应显示在选择控件上)

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Test</title>

  <script type="text/javascript">
    function showItem(obj) {
      obj.style.visibility = 'visible';
      obj.focus();
    }
  </script>

</head>
<body>
  <input onclick="showItem(myPanel)" />
  <div id="myPanel" style="position: absolute; top: 35px; left: 10px; width: 200px;
    height: 200px; background-color: Gray; visibility: hidden; color: Silver;">
    Hello world
  </div>
  <div>
    <select name="thisDD" id="thisDD">
      <option value="1">One</option>
      <option value="2">Two</option>
      <option value="3">Three</option>
    </select>
  </div>
</body>
</html>

1 回复 | 直到 9 年前

Anthony Mills 16 年前

要使用iframe解决方法,您需要在相同的坐标、相同的宽度、相同的高度和较低的z索引处声明一个iframe。

<iframe id="iframe" style="position: absolute; top: 35px; left: 10px; width: 200px; height: 200px; visibility: hidden; z-index: 1" frameborder="0"></iframe>

然后你需要在div上声明一个更高的z-index:

<div id="myPanel" style="...; z-index: 2"></div>

推荐文章

Hala · 有没有什么方法可以将CSS属性设置为其他不兼容浏览器的属性的备用项?

4 年前

Error 1004 · 使用VBA从HTML中提取信息

8 年前

myroslav · IE11中Angular 4应用程序崩溃

8 年前

L Y E S - C H I O U K H Dumitru Boaghi · 在IE9/Angular 5/TypeScript上使用FormData,无需Ajax或jQuery

8 年前

Dhananjay C · Internet Explorer-表格上的CSS框阴影不适用于IE浏览器

8 年前

jacob · 当操作url为跨原点时,Microsoft浏览器不会将表单发布到iframe

8 年前

Athar K · 工具提示悬停上的过渡在IE上不起作用,在Google Chrome上效果很好

8 年前

adrien54 · 使用BlendColor过滤器的IE上的透明度问题

8 年前

Kathryn Crawford · ul元素上的伪元素在IE11中不起作用

8 年前

sankar · IE不显示abbr标记的边框底部

8 年前