Question

在此网站上，屏幕右上方的在线预订下方有div.social。

注意：我几个月都无法将图片上传到SO中 - 当图像为140 KB时，总是说图像太大（> 2MB）。

由于某种原因，.social未显示，也未显示其子元素：

<div class="social"> 

  <a title="Trip Advisor" href="#" target="_blank">
  <div class="tripAdvisor"></div>
  </a> 

  <a title="Facebook" href="#" target="_blank">
  <div class="facebook"></div>
  </a> 

  <a title="Instagram" target="_blank" href="#">
  <div class="instagram"></div>
  </a> 

  <a title="YouTube" target="_blank" href="#">
  <div class="youtube"></div>
  </a>

</div>

<style>
.headRight .tripAdvisor {
    background: url(../images/social/tripadvisor.png) no-repeat;
    width: 28px;
    height: 22px;
}
</style>

.social设置为display: block;，并且有足够的空间放置图标。

帮助表示赞赏。

Answer 1

刚查看了您网站上的错误。

您必须将样式应用于.social

的子div

.social div {
    display: inline-block;
    margin-right: 15px;
    display: inline;   // remove this line
    zoom: 1;
}

删除

"display: inline"

保持

.social div {
    display: inline-block;
    margin-right: 15px;
    zoom: 1;
}

来自那个班级。会完美运作。

CSS：div，背景图片不显示

1 个答案: