CSS悬停不起作用

时间:2012-04-10 21:39:35

标签: css

我正在我的网站上通过jQuery制作一个标签式导航菜单。所有单独的标签都有类navBarLink,这里是与之相关的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;
}

问题是,当我单击选项卡时背景颜色会发生变化,但当我将鼠标悬停在选项卡上时,背景颜色不会改变。基本上我的悬停和我的点击不能同时工作。知道为什么会这样吗?

1 个答案:

答案 0 :(得分:1)

http://jsfiddle.net/UnFhQ/

这很有效。 (我从第一个css代码中删除了:link,这样我就可以看到div的背景颜色......)但是点击这个,让我们知道代码不起作用。 感谢