CSS懸停不起作用

-1

我正在通過jQuery在我的網站上製作一個標籤式導航菜單。所有單獨的選項卡具有類navBarLink，這裏是屬於它的CSS：CSS懸停不起作用

.navBarLink:link,.navBarLink:visited 
{ 
display:block; 
height:27px; 
width:120px; 
color:#FFF; 
background-color:#06C; 
text-align:center; 
padding:4px; 
text-decoration:none; 
border:0; 
margin:2px 2px 0 2px; 
} 
.navBarLink:hover,.navBarLink:active 
{ 
background-color:#FFF; 
color:#06C; 
border-bottom-style:solid; 
border-bottom-color:#FFFFFF; 
border-bottom-width:1px; 
}

的問題是，當我點擊選項卡上，但是當我將鼠標懸停在選項卡上不改變背景顏色的變化。基本上我的懸停和我的點擊不能同時工作。任何想法爲什麼發生這種情況？

來源

2012-04-10 higfox

打開你最喜歡的頁面調試器（chrome dev/firebug/ie開發工具），選擇元素，看看如何呈現CSS。 – asawyer 2012-04-10 21:41:22

它似乎工作。 http://jsfiddle.net/st46b/ – mikevoermans 2012-04-10 21:42:10

'.navBarLink'是'a'元素嗎？如果不是，那可能是問題所在。我知道至少有一些版本的IE不會使用'：hover'規則，除非它們被應用到'a'元素。 – 2012-04-10 21:42:53

http://jsfiddle.net/UnFhQ/

這工作。（我從第一個CSS代碼中刪除了：鏈接，只是爲了讓我可以看到div的背景色...）但點擊這個並讓我們知道代碼不起作用。謝謝

來源

2012-04-10 21:57:00

+1：我以前從未見過jsfiddle.net。我喜歡！ – 2012-04-10 22:02:52

哈哈，雅男人它與Stackoverflow一起工作奇蹟......我在這個網站上越來越多地看到它，它使得「爲什麼不用這個代碼工作」的問題更容易調試和驗證。 – 2012-04-10 22:06:44

http://tinkerbin.com/也非常棒。 – asawyer 2012-04-10 23:10:09

CSS懸停不起作用

回答

相關問題