Question

我正在使用Twitter Bootstrap构建一个网站，除了IE之外的所有浏览器都在我的标识上显示了＆＃34;品牌＆＃34;类。它的格式是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正在渲染图像但是给出了它的高度为0px。

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

CSS：

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

IE没有显示图片

1 个答案: