画像はHTMLではなくインスペクタで表示されますか？

Question

あなたはまた、添付のスクリーンショットで見ることができるように私は、コードを次ています

<img class="deliveryIcon delivered"/> 

CSS：

.delivered { 
    background: url("../images/icons/ic_done_all_white_48dp_2x.png") no-repeat; 
} 

画像がレンダリングされたHTMLに表示されません。

パスが正しくないと思われますが、イメージがインスペクタに正しく表示されます。

誰も私に何が間違っているとお考えですか？

Answer 1

.delivered { 
    background: url("../images/icons/ic_done_all_white_48dp_2x.png") no-repeat; 
height: 96px; 
display: block; 
} 

Answer 2

で設定された画像の高さ、これを試してみてください。これがうまくいくといいでしょう。

<img class="deliveryIcon delivered"/> 
<style> 
    .delivered { 
     min-height:200px; 
     min-width:200px; 
    background-image: url("../images/icons/ic_done_all_white_48dp_2x.png"); 
    background-repeat: no-repeat; 
} 
</style>