ie6叠加位置：固定为滚动

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;

有一些技巧可以解决它（请参阅 http://ryanfait.com/resources/fixed-positioning-in-internet-explorer/），但底线是你正在尝试做一些浏览器不支持。