2

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

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

我怎样才能继续使用这个 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 中。

4

1 回答 1

0

这是我的测试图像. 可以看到在google chrome中是向下滚动的，没有重叠。或许还有别的原因？或者也许这只是一个小故障，因为你说它适用于所有其他浏览器。如果你也看右边，有你的样式，你的 div 在内部的顶部<body>。

于 2013-08-29T01:07:16.720 回答