gpt4 book ai didi

javascript - 在单个 div 中滚动会导致重叠

转载 作者:行者123 更新时间:2023-11-28 03:30:00 42 4
gpt4 key购买 nike

我使用了一个带有 overflow: auto;position:fixed div 作为一些弹出窗口后面的透明 div。

问题是当我滚动查看此弹出底部或顶部时,会出现此重叠。

我怎样才能继续使用这个 div 作为背景,并且能够在不重叠的情况下滚动?

a transparent bg, and the pop up in the front

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 中。

最佳答案

This is my test image .可以看到在google chrome里面是向下滚动的,没有重叠。也许还有其他原因?或者这可能只是一个小故障,因为您说过它适用于所有其他浏览器。如果你也向右看,有你的样式,你的div在<body>内部的顶部。 .

关于javascript - 在单个 div 中滚动会导致重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18499700/

42 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com