颜色变化时,背景图像被改变
问题描述:
如果menu.gif替换这里是由不同的图像替换然后悬停选择不工作不工作。任何人可以帮助我找出问题颜色变化时,背景图像被改变
#menus li {
display:inline;
list-style:none;
}
#menus li a {
background:transparent url(img/**menu.gif**) no-repeat;
display:block;
color:#382E1F;
height:31px;
line-height:31px;
padding:0 20px;
margin-left:-10px;
text-decoration:none;
font-size:12px;
font-weight: bolder;
float:left;
z-index:1;
}
#menus li a:hover{
display:block;
color: #382E1F;
font-size:15px;
background-color: green;
font-weight: bold;
}
#menus li a.current {
background-position:0 -31px;
}
#menus li.current_page_item a,
#menus li.current-cat a {
background-position:0 -62px;
}
#menus li a.home {
background-position:0 -93px;
width:45px;
padding:0;
margin-left:0;
text-indent:-999em;
}
#menus li a.home:hover {
background-position:0 -124px;
}
#menus li.current_page_item a.home {
background-position:0 -155px;
}
#menus li a.lastmenu:hover {
background-position:0 0;
cursor:default;
}
答
你能告诉你的时候已经改变了background-image
的CSS?
另外,如果是这样的CSS您有问题,背后background-image
因此悬停background-color
层,你不需要配置background-image
:
#menus li a:hover{
display:block;
color: #382E1F;
font-size:15px;
background-image:none;
background-color: green;
font-weight: bold;
}
感谢您的答复柯特。我跟着你的领先地位,但如果背景图片设置为none,图像是没有得到悬停显示在所有。和你的第一个问题,我只是用menu1.gif替换menu.gif。 – RRC