图像在 IE8 中消失 - 可能是 z-index 问题？

Question

我在 IE 中遇到了 png 图像和 div 容器的问题。基本上，#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');


}

Answer 1

我认为这个问题与“过滤器：无！重要；”有关您应用于每个元素（* - 指所有元素）。

IE 使用过滤器使 PNG 正确显示。删除该行，我们将从那里开始。