显示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的问题

回答

相关问题