Проблема с отображением z-index с помощью Internet Explorer - PullRequest
Новая
       18

Проблема с отображением z-index с помощью Internet Explorer

1 голос
/ 03 ноября 2010

Я делаю сайт, и у меня проблемы с просмотром вещей в 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;
        }

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

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

Спасибо:)

1 Ответ

0 голосов
/ 15 января 2011

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

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