背景イメージがロードされていません

Question

イメージは、自分のページに表示されていません。

<div class="rating" style="width:25%;float:right;height:100px"> 
     <span class="truckIcon"> 
     <!-- <img src="../images/logo/favicon.png"> 
     </span> --> 
</div> 

CSS：

.truckIcon{ 
    background-image: url(../images/icons/favicon.png);no-repeat !important; 
    width:80px; 
    height:80px; 
} 

これは私のCSSのパスです：\ulmt\html\css\style.css
これは私のイメージのパスです：\ulmt\html\images\icons\favicon.png

は、ここでは何も悪いことですか？

Answer 1

インライン要素であるspan要素を使用しました。あなたの幅と高さはそれに適用されません。それを動作させるには、display：inline-blockというプロパティを追加します。

.truckIcon{background-image: url(../images/icons/favicon.png)no-repeat !important; 
    width:80px; 
    height:80px; 
    display: inline-block; 
} 

Answer 2

ノーリピートの前にセミコロンを削除するだけです。スタイルは次のように、あなたのCSSで画像のURLからわずかno-repeat前

.truckIcon{background-image: url(../images/icons/favicon.png)no-repeat !important; 
 
    width:80px; 
 
    height:80px; 
 
}

Answer 3

削除セミコロン;する必要があります：

.truckIcon { 
    background-image: url(../images/icons/favicon.png) no-repeat !important; 
    width:80px; 
    height:80px; 
} 

この情報がお役に立てば幸い！

Answer 4

.truckIconあなたはそのためdisplay:inline-blockを追加する必要があり、background-repeat: no-repeat !important;

.truckIcon{ 
    background-image: url(../images/icons/favicon.png); 
    background-repeat: no-repeat !important; 
    width:80px; 
    height:80px; 
    display: inline-block; 
} 

Answer 5

スパンはインライン要素で追加する必要があるように、もう一つはbackground-imageno-repeatでは動作しないように、行要素です。あなたはスタイルを表示する必要があります：ブロック;または表示：インラインブロック。 imgタグ

.truckIcon{ 
    background-image: url(../images/icons/favicon.png)no-repeat !important; 
    width:80px; 
    height:80px; 
    display:inline-block; 
} 

Answer 6

背景画像は何のリピートをサポートしていませ後 はまたあなたの近くにspanタグのコメントを解除ので、これを試してみてください。

.truckIcon{ 
    background: url(../images/icons/favicon.png) no-repeat !important; 
    width:80px; 
    height:80px; 
} 

Answer 7

単にそれがふてくされて働くだろう、このCSSを変更してください。 （「...」）URLを重要な無繰り返すか、背景リピートを追加します：

.truckIcon{background-image: url(../images/icons/favicon.png) no-repeat !important; 
 
width:80px; 
 
height:80px; 
 
display:inlin-block; 
 
}