Twitter bootstrap Boostrap查询可见xx不显示/隐藏

我似乎不明白为什么这两个图像元素（主徽标，一个小的一个大的）总是显示出来？具体来说，在我听说Firefox没有显示大徽标之前，一切似乎都很好

代码：

---

我猜浏览器在所有情况下都会呈现代码，但是CSS会隐藏/显示它吗

如果这不是Firefox的问题，您也可以使用隐藏-

<a class="navbar-brand visible-lg hidden-md hidden-sm hidden-xs" href="index.html">
    <img id="header-logo" src="img/dmi-logo.png" width="253" height="138" alt=""/>
</a>

<a class="navbar-brand hidden-lg visible-md visible-sm visible-xs" href="index.html"> 
      <img id="header-logo-sml" src="img/dmi-logo-sec.png" alt=""/>
</a>

在Firefox 36和37中使用Bootstrap 3.3.4对我来说效果很好。没错，css隐藏并显示和元素，因此使用这种方法有两个对服务器的图像请求。非常感谢！你能推荐一种不需要双重服务器点击的替代方法吗？你需要使用元素和多边形填充。这不会阻止所有浏览器发出2个请求，但浏览器会在请求另一个图像之前优先考虑它需要的图像。

<a class="navbar-brand visible-lg hidden-md hidden-sm hidden-xs" href="index.html">
    <img id="header-logo" src="img/dmi-logo.png" width="253" height="138" alt=""/>
</a>

<a class="navbar-brand hidden-lg visible-md visible-sm visible-xs" href="index.html"> 
      <img id="header-logo-sml" src="img/dmi-logo-sec.png" alt=""/>
</a>