Question

我的网页here存在问题，其中徽标（标题左侧）未显示。它适用于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 line-no。 242

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

    .logo { display: none;}
}

因此只有IE浏览器中才会显示徽标。你问为什么如果显示其他浏览器？

答案是你写css / main.css line-no。 73

.logo {
    display: inline-block;
}

请把这个地方放在！重要的地方：

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

显示效果很好。

Answer 2

您只需在main.css.的第74行添加！important，就像这样：

display: inline-block !important;

因此，在任何IE中你都会看到PNG。

Internet Explorer 9不显示PNG图像

2 个答案: