我使用了一个带有 overflow: auto;
的 position:fixed
div 作为一些弹出窗口后面的透明 div。
问题是当我滚动查看此弹出底部或顶部时,会出现此重叠。
我怎样才能继续使用这个 div 作为背景,并且能够在不重叠的情况下滚动?
HTML
<div class="popup_screen_bg">
<div class="popup_screen">
<!-- update partner "form" -->
</div>
</div>
CSS
.popup_screen_bg{
position: fixed;
min-width: 100%;
min-height: 100%;
height: auto;
z-index: 1000;
overflow: auto;
background: url('popup_transparent.png');
padding-bottom: 20px;
}
.popup_screen{
position: absolute;
min-width: 80%;
min-height: 80%;
left: 10%;
top: 10%;
background-color: #EEE;
border: 8px solid rgba(0, 0, 0, 0.5);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
}
注意:此问题仅出现在 Chrome 中。
最佳答案
.可以看到在google chrome里面是向下滚动的,没有重叠。也许还有其他原因?或者这可能只是一个小故障,因为您说过它适用于所有其他浏览器。如果你也向右看,有你的样式,你的div在<body>
内部的顶部。 .
关于javascript - 在单个 div 中滚动会导致重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18499700/