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

從該類。將完美工作。