CSSタブ画像が選択状態に

Question

を反映していない今、タブの色は、画像（tab.png）のための青です私が提供したものの、選択された時点で別のイメージまたはイメージを設定したくありません。ここでWelecomeが選択され、選択された条件の画像（tab_selected.png）が提供されていますが、その画像はレンダリングされていません。または、選択した状態で画像を提供しないと、tab.pngが反映されます。これで何ができますか？

CSS：

#navigation a { 

color:#FFFFFF; 
display:block; 
font:12px Arial, Helvetica, sans-serif; 
margin:0 4px 0 0; 
padding:3px 10px 4px; 
text-decoration:none; 
background-image:url(../images/tab.png); 

} 

#navigation .selected a { 

background-image:url(../images/tab_selected.png); 
border-bottom:1px solid #e0e0e0; 
font-weight:bold; 
color:#000; 
padding-bottom:3px; 
} 

Answer 1

は、URLのため二重引用符を追加しました。これを試してみてください...

主な問題はobfuskater

あなたが「選択」クラスを適用している要素

#navigation a { 

color:#FFFFFF; 
display:block; 
font:12px Arial, Helvetica, sans-serif; 
margin:0 4px 0 0; 
padding:3px 10px 4px; 
text-decoration:none; 
background-image:url("../images/tab.png"); 

} 

#navigation a.selected { 

background-image:url("../images/tab_selected.png"); 
border-bottom:1px solid #e0e0e0; 
font-weight:bold; 
color:#000; 
padding-bottom:3px; 
} 

Answer 2

によって発見されましたか？

それがアンカー要素（a）のであれば、あなたのCSSルールは次のようになります。

#navigation a.selected {