Изображение исчезает в IE8 - возможна проблема с z-индексом? - PullRequest
Новая
       22

Изображение исчезает в IE8 - возможна проблема с z-индексом?

0 голосов
/ 02 мая 2011

У меня проблема с изображением png и контейнером div в IE. По сути, нижняя часть # logo-container div скрыта картой Google на этом сайте:

http://layersoflondon.org

Я думаю, что это может быть проблема z-index, но я изо всех сил пытаюсь ее решить. Вот соответствующий CSS: 

div#logo-container {
margin: 0 auto; width: 900px;
z-index:999;
}

img#logo {
margin: 20px auto;
z-index: 997;   
}
#header {
background-color: black;
background-position: top left;
background-repeat: x-repeat;
height: 51px;   
width: 100%;
position: relative;
z-index: 2;
top: -9px;
margin-left: -7px;
z-index:999;

/****Shadow***/

-moz-box-shadow: 0px 3px 3px #ddddc9;
-webkit-box-shadow: 0px 3px 3px #ddddc9;
box-shadow: 0px 3px 3px #8e8b83;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=100,               Color='#8e8b83')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=100, Color='#8e8b83');


}

1 Ответ

1 голос
/ 02 мая 2011

Я считаю, что проблема связана с "фильтром: нет! Важно;" что вы применяете к каждому элементу (* - это относится ко всем элементам).

IE использует фильтры для корректного отображения PNG. Удалите эту строку, и мы пойдем оттуда.

...