CSS：DIV与背景图像不显示

Question

在这个网站上，还有在屏幕的右上角的在线预订下方div.social。

http://imgur.com/a/QhlIL

注：我已经无法上传图片到SO几个月 - 总是说图像过大（> 2MB），当它是140 KB。

出于某种原因.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

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

您必须应用该样式孩子的div .social

.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; 
} 

从该类。将完美工作。