Question

导航点击后背景图没有换 这段CSS应该怎么改？

以下这段CSS怎样改才能让导航条实现点击后，被激活的导航条背景图会随着改变？
#head #nav {
width:980px;
height:36px;
position:absolute;
top:87px;
left:0;
}
#head #nav li {
width:98px;
height:36px;
text-align:center;
line-height:36px;
float:left;
overflow:hidden;
}
#head #nav li a {
display:block;
color:#fff;
font-size:14px;
}
#head #nav li a:hover{
background:url(../images/nav_li.jpg) no-repeat;
color:#4b9b00;
}
#head #nav li a:active{
background:url(../images/nav_li.jpg) no-repeat;
color:#4b9b00;
}
#head #nav li.li2 a {
background:url(../images/nav_li.jpg) no-repeat;
color:#4b9b00;
}

Answer 1

只要鼠标移动在上面上就可以改变，但是你的CSS代码有问题：
#head #nav li a:hover{
background:url(../images/nav_li.jpg) no-repeat;
color:#4b9b00;
}
#head #nav li a:active{
background:url(../images/nav_li.jpg) no-repeat;
color:#4b9b00;
}
#head #nav li.li2 a {
background:url(../images/nav_li.jpg) no-repeat;
color:#4b9b00;
}
a:hover中的background就是你要鼠标经过时的背景，如果要产生视觉差别感，他不能与其他的两个（a和a:active）的background一样！

Answer 2

整个导航背景图片变化？
还是只是A标签里的背景图片变化
看你做的样式应该是要A标签里面变化 是不是还带有个#head #nav li.li2 a 2级的啊？
你给个你要做的样式我们直接帮你解决 发给你 你在看下不就了解了吗

Answer 3

如果是点击的话 就必须用到js啦，css不行

追问

那应该加一段JS吗？ 这段JS怎么写呢？

追答

在你需要点击的标签加上 onClickr="this.style.background='背景'"