IE问题与徽标放置

Question

我在Vis-a-vis网站的IE浏览器中遇到了我的徽标放置问题。除IE之外，所有浏览器中的徽标都很好看。所以，我尝试下面的代码来修复，但没有运气。期待获得最佳解决方案。

<!--[if !IE]><!-->
    <style>
    div.logo img {
    margin-left:28%;
    }
    </style>
 <!--<![endif]-->

<!--[if IE]><!-->
    <style>
    div.logo img {
    margin-left:10%;
    }
    </style>
 <!--<![endif]-->

由于

Answer 1

在Internet Explorer中有些东西渲染不正确（不确定原因）。因此，请尝试增加.wrap类的大小，并略微增加徽标的左边距。

新CSS：

div.logo img {
    margin-top: -10% !important;
    margin-left: 29% !important;
    background-image: url(img/logo-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 45px 59px;
    background-position: center center;
}

div.wrap {
    max-width: 916px;
    margin: 0 auto;
}

修改

READ HERE. 使用条件语句（就像你所做的那样）来定位IE10及以上版本是行不通的。无法通过此方法访问IE9及以下目标。要定位IE10及更高版本，您必须使用Javascript / jQuery或特定的CSS媒体查询，如下所示：

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
       div.logo img {
        margin-top: -10% !important;
        margin-left: 29% !important;
        background-image: url(img/logo-bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 45px 59px;
        background-position: center center;
    }

    div.wrap {
        max-width: 916px;
        margin: 0 auto;
    } 
}