顯示Z-index與Internet Explorer的問題

我正在製作一個網站，並且在瀏覽IE瀏覽器時遇到問題。其他瀏覽器似乎都很好。經過一些關於z-index的谷歌搜索之後，很多人都提到IE的bug，主要是修復似乎是從0 - 1000 - 2000年上升。在搜索幾個小時後，我仍然感到困惑。當談到這種事情時，我有點不習慣。任何幫助或建議將不勝感激。這裏是我的代碼：顯示Z-index與Internet Explorer的問題

 #bg_mask { 
      position: absolute; 
      background-color:#000000; 
      background-repeat:no-repeat; 
      background-attachment:inherit; 
      background-position:center; 
      z-index: 10; 
      visibility: hidden; 
     } 

     #frontlayer { 
      position: absolute; 
      top: 0; 
      right: 0; 
      bottom: 0; 
      left: 31.8em; 
      padding : 30px; 
      width: 20em; 
      height: 23.4em; 
      background-color: #000000; 
      visibility: visible; 
      border: 0px solid black; 
      z-index: 30; 
     } 

     #toplayer { 

      visibility: visible; 
      z-index: 2; 
     } 

     div.scroll{ 
      overflow:auto; 
      filter:alpha(opacity=0.85); 
      -moz-opacity:0.85; 
      -khtml-opacity:0.85; 
      opacity: 0.85; 
     }

在大多數瀏覽器（Chrome和Firefox）我得到我上面的背景圖片，我從代碼中使用上述其中一個稍微透明覆蓋。但是，IE瀏覽器什麼也看不到。

注：我試過所有版本的IE瀏覽器。

謝謝:)

來源

2010-11-03 Jim Dover

粘貼過來HTML代碼也 – 2010-11-03 09:15:03

你有一個活生生的例子，並請發表你的HTML標記，所以我們可以幫助你更多:) – Kyle 2010-11-03 09:30:22

-2

在html標記中包含正確的DOCTYPE。這一個可能的工作：

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

來源

2011-01-15 02:37:48 user576146

新的網頁已經沒有必要過渡DOCTYPE。它用於轉換較舊的頁面。新的網頁應始終嚴格使用。但是doctype在這裏也無濟於事。 – Rob 2011-01-15 02:45:24

這是否會觸發怪癖模式？ – 2012-12-02 05:51:40

顯示Z-index與Internet Explorer的問題

回答

相關問題