CSS：背景画像を表示しないdiv

Question

このサイトでは、画面の右上にあるオンラインブックの下にdiv.socialがあります。

http://imgur.com/a/QhlIL

注：私は数ヶ月のためにSOに画像をアップロードすることができていませんでしたが - 常にそれが140キロバイトである場合に、画像が（> 2メガバイト）が大きすぎると言います。何らかの理由.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 { 
    display: inline-block; 
    margin-right: 15px; 
    zoom: 1; 
} 

を保つ

"display: inline" 

を削除.social

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

の子のdiv要素にスタイルを適用する必要があります。完璧に動作します。