gpt4 book ai didi

javascript - IE 10 不遵守 z-index

转载 作者:行者123 更新时间:2023-11-28 04:34:30 25 4
gpt4 key购买 nike

我的页面上有一个固定大小和相对位置的 div。 (不幸的是,我不允许分享此代码,所以如果可以的话请多多包涵)。我想在双击时重新启用禁用的输入,但您可能知道禁用的输入不喜欢触发点击事件。我想出了一个解决方案,其中包括将一个绝对定位的 input 和一个具有相同尺寸和位置的绝对定位的 div 放在相对定位的容器内。双击时,我将 div 的显示更改为 none。这在其他浏览器中运行良好,但 IE 10(我没有检查较低版本)不遵守我放在 div 和输入上的 z-indexes。 div 的 z-index 为 2,输入的 z-index 为 1,但 IE 忽略了这一点并允许我单击“穿过”div 并进入输入就好像 div 不存在一样。我不会要求任何人调试我的代码,因为我无法展示它,但如果这是一个常见问题/错误,我将不胜感激任何已知的解决方法。

最佳答案

Internet-Explorer 非常棘手,尤其是在 z-index 和位置方面。

好的,解决方案是什么?努力工作。确保元素大多有一个位置。必须在某些地方使用 position: relative; .

要解决 z-index 的问题,您必须从最高父级 (<html>) 到所有子级,并为每个子级设置一个 z-index(以 0 开头),增加每个 z-index , 例子:

html {
z-index: 0;
}

body {
z-index: 1;
}

header {
z-index: 2;
}

header nav {
z-index: 3;
}

一般检查有效性:HTML Validator , CSS Validator

关于javascript - IE 10 不遵守 z-index,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23344655/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com