如何更改z-index只有这个id元素？

Question

如何只更改z-index这个id元素？

当我使用此代码时，我页面中的所有ID都将更改z-index。

我想仅更改z-index id = link-box，love-box，love-box_inner

我该怎么做？

document.getElementById("link-box").style.zIndex="99999";
document.getElementById("love-box").style.zIndex="99999";
document.getElementById("love-box_inner").style.zIndex="999999";

Answer 1

我猜您的三个元素#link-box，#love-box和love-box_inner都有 默认位置static，因此z-index虽然已设置，但无效。

此外，您需要在三个相关元素上设置position: relative。

Answer 2

设置第一个样式位置相对或绝对，新增加此zIndex例如

document.getElementById("link-box").style.position="relative";
document.getElementById("love-box").style.position="relative";
document.getElementById("love-box_inner").style.position="relative";

document.getElementById("link-box").style.zIndex="99999";
document.getElementById("love-box").style.zIndex="99999";
document.getElementById("love-box_inner").style.zIndex="999999";