當滾動時IE7模式燈箱疊加層消失

Question

我希望能夠幫助我解決一個開發網站上的問題。我正在嘗試在本頁底部添加一個燈箱：http://learningseat.wpdemo.com.au/discover/#links。點擊四個圓形按鈕之一觸發燈箱。

我遇到了#fade覆蓋問題，當我單擊其中一個按鈕時，它會追加到頁面的底部。當我在頁面上向上滾動時，疊加層不覆蓋IE7中頁面上方的其他元素。

有沒有人有我的指針？我一直在使用Internet Explorer 9進行IE7渲染進行測試，並在#fade div周圍添加了一個4像素的純紅色邊框進行測試，並且我還在頁面上安裝了Firebug Lite以提供幫助。

謝謝！

Answer 1

看看這個話題：Position fixed and Internet Explorer

可能性：

• 添加了嚴格的DOCTYPE。但是，由於您使用的是HTML5，我懷疑這是無法完成的。
• 使用里加的變通辦法：

`

#fade { 
    position:fixed; 
    _position:absolute; 
    top:0; 
    _top:expression(eval(document.body.scrollTop)); 
    left: 0; 
    width: 100%; 
    height: 100%; 
    opacity: .2; 
    background-color: black; 
    z-index: 1; 
    display: none; 
} 

`