Проблема с отображением z-index с Internet explorer

Question

Я делаю сайт, и у меня проблемы с просмотром в IE. Кажется, все остальные браузеры в порядке. После того, как некоторые поисковые запросы Google о z-index, многие люди упоминали об ошибках с IE, в основном исправление, похоже, должно увеличиваться с 0 до 1000 - 2000. После долгих поисков я все еще запутался. Я немного разбираюсь в этом, когда дело доходит до такого рода вещей. Любая помощь или совет будут высоко оценены. Вот мой код:

 #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; 
     } 

В большинстве браузеров (хром и светлячок) Я получаю немного прозрачную накладку над моей фоновой картинкой, которые я использую из кода выше. Однако с IE я ничего не вижу.

Примечание: Я пробовал все версии IE.

Спасибо :)

Answer 1

Включите правильный DOCTYPE в HTML-тег. Это один может работать:

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