html - IE不显示图片

Question

我正在使用 Twitter Bootstrap 构建一个网站，除 IE 之外的所有浏览器都在带有“品牌”类的 div 上方显示我的 Logo 。它的格式是 PNG。

HTML

<div class="container text-center">
  <img class="img-responsive brand-img" src="img/logo.png" alt="">
  <div class="brand">MG STAV</div>    
  <div class="address-bar"> stavební, spol. s.r.o.</div>
</div

CSS

.brand-img{
  display: inline; 
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;  

}

我需要让它在 IE 下也能正常工作，但我找不到解决方案。

Answer 1

我认为问题在于“.brand-image”div 被赋予了“display:inline”。没有看到实际的实时代码很难说，但我认为 IE 正在渲染图像，但给 div 的高度是 0px。

尝试将您的 css 更改为内联 block 。这将使图像位置与其他“非 block ”级别元素保持一致，并让它仍然保持自然高度。

CSS:

.brand-img{
   display: inline-block; 
   text-align: center;
   margin-top: 20px;
   margin-bottom: 10px; 
}