css overflow：hidden属性的问题

Question

我在显示在html中呈现的弹出窗口时出现问题，然后切换显示并隐藏它。我的问题是这个弹出窗口位于一个具有overflow：hidden属性的div中，这意味着一些弹出的背景图形跨越溢出的宽度：隐藏的div。这会导致显示问题，因为弹出窗口的宽度会在超过溢出设置的位置被切断。

有可能解决这个问题吗？

非常感谢!!!!! 詹姆斯

Answer 1

如果弹出窗口显示在您的网站顶部，请将其贴在标记之前的主标记之后。然后使用该语言使其显示在弹出窗口时将其定位在您需要的位置。

如果你正在使用jQuery，它应该是相当直接的。

E.g。

<div id="main-website-with-overflow-hidden>
      <!-- Web page stuff -->
</div>

<div id="popop">
      <!-- Popup stuff -->
</div>

Answer 2

如果您对滚动条没问题，可以在容器div上尝试这个css

.containerDiv {
    overflow: auto;
}

如果你只想要垂直/水平，你可以尝试

 .containerDiv {
        overflow-y: auto;
        overflow-x: auto;

Answer 3

弹出div的z-index比

中包含的div高

div#container{z-index:1;}
div#popup{z-index: 10;}