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/），但最重要的是你正试图做一些浏览器不支持的事情。

ie6覆盖位置：固定滚动

1 个答案: