Question

好的，我们走了......这是我的HTML代码：

<div id="header">
    <div class="menu-hauptmenu-container">
        <div id="logo">
        <a href="#"></a>
        </div>
    </div>
</div>

CSS：

.menu-hauptmenu-container {
position:relative;
max-width:960px;
width:90%;
margin-left:auto; 
margin-right:auto;
height:75px;
}
#header {
position:relative;
width:100%;
background:#eb3d3c;
height:75px;
}
#logo {
    position:absolute;
    width:200px;
    height:106px;
    background: url(img/logo.png) no-repeat center;
    top:0;
    left:5px;
    z-index:9999;
}
    #logo a{
        position:absolute;
        width:100%;
        height:100%;
        top:0;
        left:0;
    }

问题：IE7 / 8忽略了相对定位的“.menu-hauptmenu-container”，因此绝对定位的“#logo”位于父DIV之外。

一如既往，我很难用英语解释技术上的思考：

我知道，这不会很受欢迎，但这里是现场网站： http://www.thorstenbreyer.de/kunden/pommerel/tcn/ieproblem/

谢谢！

Answer 1

.menu-hauptmenu-container位于媒体查询中。 IE 7和8忽略了媒体查询，因此定位不正确。

IE 7/8忽略了绝对定位DIV之外的相对定位DIV

1 个答案: