顏色變化時，背景圖像被改變

Question

如果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; 
} 

Answer 1

你能告訴你的時候已經改變了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; 
}