怎么让弹出的div不被后面弹出的div遮挡住

来源：互联网 2023-03-16 19:16:21 74

我们在做页面开发时，有时候需要做一些弹出div的逻辑，但如果你有多个div需要弹出，有可能后面弹出的div会把前面弹出的div遮挡住的。怎么解决呢？如果你某个div优先级比较高，弹出来后希望不被其他的div遮挡住。

方法/步骤

由于需要用到jquery来操作，我们先温铲引入jquery脚本。

怎么让弹出的div不被后面弹出的div遮挡住

在html里，我们有二个弹出层的div，默认情况下，第二个弹出的div会把第一个弹出的div遮挡住的。

怎么让弹出的div不被后面弹出的div遮挡住

这是默认的弹出层代码。

怎么让弹出的div不被后面弹出的div遮挡住

如果我们为特定的div设置弹出层时，不会被其他的div遮挡住，我们可以为这个div设置一个z-index，只要这个值比其他的div的值大，就不会被遮挡住了。

怎么让弹出的div不被后面弹出的div遮挡住

4相关内容非法爬取自百度经验

当然，如果你需要动态的为某个div弹出层设置，不让被其他div遮挡，我们可吩码以在弹出代码里添加这个样式，就是在弹出前，为所要弹出的div设置一个较大的z-index值。

怎么让弹出的div不被后面弹出的div遮挡住

设置后，效果如图，现在这个div是有最大的z-index值的，后面弹出的div是遮挡不了它的。

材歌散

怎么让弹出的div不被后面弹出的div遮挡住

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！