標誌展示IE問題

Question

我在IE瀏覽器中面對我的標誌展示問題Vis-a-vis網站。除了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; 
    } 
}