Ich mache ein Tabbed Navigationsmenü über jQuery in meiner Website. Alle einzelnen Registerkarten die Klasse navBarLink
und hier ist die CSS, um es im Zusammenhang:CSS-Hover funktioniert nicht
.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;
}
Das Problem ist, dass die Hintergrundfarbe ändert sich, wenn ich auf eine Registerkarte klicken, aber nicht ändern, wenn ich auf einer Registerkarte schweben. Grundsätzlich funktionieren mein Hover und mein Klick nicht gleichzeitig. Irgendeine Idee, warum das passiert?
Öffnen Sie Ihren bevorzugten Seite Debugger (Chrome Dev/Firebug/IE-Dev-Tools), wählen Sie das Element, und sehen, wie das CSS gerendert wird. – asawyer
Es scheint zu funktionieren. http://jsfiddle.net/st46b/ – mikevoermans
Ist '.navBarLink' ein' a' Element? Wenn nicht, könnte das das Problem sein. Ich weiß, dass zumindest einige Versionen von IE '' hover''-Regeln nicht verwenden werden, wenn sie nicht auf ein 'a'-Element angewendet werden. –