ie6覆蓋位置：固定滾動

Question

我有一個簡單的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/爲例），但底線是你想做一些瀏覽器不支持的功能。