html - 知道为什么我的图像不断中断吗？ ( Sprite )

Question

我已将所有微小的蓝色 Logo 图像作为我客户网站的 sprite，但它们在某些浏览器中不断被截断...尝试缩小浏览器窗口，您会看到部分图像只是消失。我不知道为什么会这样。这是 HTML 的一些示例代码。

<div class="fourCol">
<div id="firstSecond" class="centerContent" style="width:48px;height:48px;">
<img class="agenda" src="images/trans.png"  alt="agenda">
</div>
</div>

sprite只是CSS中“sprite”的标准方法……

这是网址:front page

Answer 1

这会覆盖您的图像高度:

.responsive-grid-active .block img {
    max-width: 100%;
    height: auto
}

在 response-grid-39b007c.css 中

删除 height: auto 行，它不会再发生了。