CSS標籤圖像不會被選中狀態

enter image description here CSS標籤圖像不會被選中狀態

反映正如你可以在圖片中看到有一些標籤稱爲歡迎，AA，BB等，現在的標籤顏色是藍色的圖像（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; 
}

來源

2011-06-23 Reuben

增加了對網址的雙引號。試試這個...

主要問題是由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; 
}

來源

2011-06-23 04:48:02 kheya

確保路徑實際上通過輸入瀏覽器有效。 – kheya

不！不工作。是否有可能選項卡有背景圖像，我又設置爲選定狀態？可以使選中狀態全黑，因爲我也嘗試過這種方式，但tab.png仍處於選中狀態。 – Reuben

哪個元素，你採用「選擇」類發現的？

如果是錨元素（一個），那麼你的CSS規則應該是：

#navigation a.selected {

來源

2011-06-23 04:51:56 Obfuskater

+1爲好趕上 – kheya

不，這不是一個問題！我可以寫這個。 – Reuben

CSS標籤圖像不會被選中狀態

回答

相關問題