Question

我在IE中遇到了png图像和div容器的问题。基本上，＃logo-container div的底部部分被本网站上的Google Map隐藏：

我认为这可能是一个z指数问题，但我正在努力解决它。这是相关的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。删除该行，我们将从那里开始。

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

1 个答案: