Internet Explorer 9不顯示PNG圖像

Question

我的頁面在這里出現問題，其中徽標（應該在標題的左側）沒有顯示。 它適用於Firefox和Chrome。

這是標記：

<div class="header-container">
        <div class="wrapper">
            <div class="logo"> <img src="/images/Tiny-Wolf-Logo-ICN.png" alt="Tiny Logo" width="120px" height="120px">
            </div>
            <div class="title">Tiny Wolf
            </div> 
            <div class="tagline">Visual Storytellers
            </div>
        </div>
   </div> 

我已經測試過，看看這是否是CMYK問題，但不是。 我也聲明了寬度和高度，但是圖像仍然沒有出現。

Answer 1

如果您提到css / main.css行號。 242

@media only screen and (min-width: 600px) {           

    .logo { display: none;}
}

因此，只有徽標不會顯示在IE瀏覽器中。 您問為什么要顯示其他瀏覽器？

那答案是你寫css / main.css行號。 73

.logo {
    display: inline-block;
}

只需將！important放在這個地方，例如：

.logo {
    display: inline-block !important;
}

它顯示得很好。

Answer 2

您只需要在main.css.第74行上添加！important main.css. 像這樣：

display: inline-block !important;

因此，在任何IE中，您都會看到PNG。