Javascript IE 10不考虑z指数
我有一个div，在我的页面上有固定的大小和相对位置。（不幸的是，我不被允许分享此代码，所以如果可以的话，请耐心等待）。我想让禁用的输入在双击时重新启用，但您可能知道，禁用的输入不喜欢触发单击事件。我提出了一个解决方案，包括将一个Javascript IE 10不考虑z指数,javascript,jquery,html,css,internet-explorer,Javascript,Jquery,Html,Css,Internet Explorer,我有一个div，在我的页面上有固定的大小和相对位置。（不幸的是，我不被允许分享此代码，所以如果可以的话，请耐心等待）。我想让禁用的输入在双击时重新启用，但您可能知道，禁用的输入不喜欢触发单击事件。我提出了一个解决方案，包括将一个输入绝对定位在相对定位的容器内，以及一个绝对定位的div，具有相同的尺寸和位置。双击时，我将div的显示更改为none。这在其他浏览器中工作得很好，但IE 10（我没有检查较低版本）不尊重我在div和input上放置的z索引。div的z-index为2，输入的z-inde
输入divnonez索引。div的z-index
为2，输入的z-index
为1，但IE忽略了这一点，允许我单击div“穿过”并进入输入，就好像div不在那里一样。我没有要求任何人调试我的代码，因为我无法显示它，但如果这是一个常见的问题/错误，我将感谢任何已知的解决方法。Internet Explorer非常棘手，尤其是在z索引和位置方面
好的，解决方案是什么？
艰苦的工作。确保元素基本上是有位置的。在某些地方必须使用职位：相对
要解决z索引的问题，必须从最高的父级（
）到所有子级，并为每个子级设置一个z索引（从0
开始），增加每个z索引，例如：
html {
z-index: 0;
}
body {
z-index: 1;
}
header {
z-index: 2;
}
header nav {
z-index: 3;
}
通常，检查有效性：，Internet Explorer非常棘手，尤其是z索引和位置
好的，解决方案是什么？
艰苦的工作。确保元素基本上是有位置的。在某些地方必须使用职位：相对
要解决z索引的问题，必须从最高的父级（
）到所有子级，并为每个子级设置一个z索引（从0
开始），增加每个z索引，例如：
html {
z-index: 0;
}
body {
z-index: 1;
}
header {
z-index: 2;
}
header nav {
z-index: 3;
}
通常，检查有效性：，添加以下内容：
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
并确保您的doctype已设置
<!doctype html>
添加以下内容：
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
并确保您的doctype已设置
<!doctype html>
但是X-UA-Compatible
如果代码已经损坏，则不会始终起作用。他必须用验证器检查他们的文档。我应该提到，我使用了这个方法，但如果代码已经损坏，那么X-UA-Compatible
就不总是有效的。他必须用验证器检查他们的文件。我应该提到的是，我已经用过了，但没有用。