css - ie6 覆盖位置 :fixed is scrolling

Question

我有一个简单的 div 层，它仅在触发特定逻辑时显示。

为了让它看起来像模态，我添加了一个不透明的全屏 div 以赋予它模态外观。

不幸的是，在 IE6 中 - 叠加层出现 - 但如果我向下滚动页面，整个页面不会被覆盖层覆盖。 http://i53.tinypic.com/30wl2ye.jpg

这是我的CSS:

.overlay {

    width:100%;
    height:100%;
    background-color: #333333;
    opacity: 0.25;
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    display:none;
    z-index:1000;
    *background:transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F333333,endColorstr=#3F333333)"; /* IE8 */    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F333333,endColorstr=#3F333333);   /* IE6 & 7 */
zoom:1;
}

.paymentPopup {
    background-color: white;
    border: 3px solid #6D8D4C;
    border-radius: 10px 10px 10px 10px;
    padding: 10px;
    z-index: 99999!important;
    width:380px;
    display:none;
    float:left;
    position:fixed;
    *position: absolute;
    left: 33%;
    top:50%;

}

Answer 1

抱歉，IE6 不支持position:fixed;

它有一些 hack(例如参见 http://ryanfait.com/resources/fixed-positioning-in-internet-explorer/)，但底线是您正在尝试做一些浏览器不支持的事情。