我的css無法正常工作，不能改變回地面？

你好我想我創建的菜單上改回地面，但它不使用圖像在正常條件下和鼠標groung背面懸停我的代碼，我的css無法正常工作，不能改變回地面？

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> 

<style type="text/css"> 

html{ 

font:12px Arial, Helvetica, sans-serif; 

color:#333; 

padding:0; 

margin:0;} 



.listmenu ul { 

margin: 0 0 5px 0; 

padding: 0 0 2px 0; 

list-style-type: none; 

width:185px;} 



.listmenu li a { 

color: #333; 

display: block; 

border-left:3px solid #666; 

border-right:3px solid #666; 

height: 16px; 

padding: 4px 0 4px 14px; 

text-decoration: none; 

font-weight:bold; 

background-image: url('menu5.gif')} 



.listmenu li a:hover { 

background: url(images/bg.jpg) ; 

color:#000000;} 

</style> 

<div class="listmenu"> 

<ul> 

    <li><a href="#">General</a></li> 

    <li><a href="#">Home</a></li> 

    <li><a href="#">Maps</a></li> 

    <li><a href="#">Add Location</a></li> 

    <li><a href="#">Host</a></li> 

    <li><a href="#">Services</a></li> 

    <li><a href="#">Host Groups</a></li> 

    <li><a href="#">Summary</a></li> 

    <li><a href="#">Grid</a></li> 

    <li><a href="#">Problems</a></li> 

    <li><a href="#">Services(Unhandled)</a></li> 

    <li><a href="#">Host(Unhandled)</a></li> 

    <li><a href="#">Reports</a></li> 

    <li><a href="#">Availability</a></li> 

    <li><a href="#">Trends</a></li> 

    <li><a href="#">Alerts</a></li> 

    <li><a href="#">Notifications</a></li> 

    <li><a href="#">Events Logs</a></li> 

    <li><a href="#">Sysytem</a></li> 

    <li><a href="#">Comments</a></li> 

    <li><a href="#">Down time</a></li> 

    <li><a href="#">Process info</a></li> 

    <li><a href="#">Scheduling Queue</a></li> 

    <li><a href="#">Configuration</a></li> 

</ul> 

</div>

希望從你聽很快謝謝提前。

來源

2012-04-25 Syed Raza

close background-image：url（'menu5.gif'） - > background-image：url（'menu5.gif'）; – 2012-04-25 10:20:09

我做到了，但它不起作用 – 2012-04-25 10:28:34

一切都適合我..也許圖像目錄不正確？或者您正在運行的Linux .gif和.GIF for linux的網絡是一個巨大的差異 – 2012-04-25 10:35:44

是背景URL
是背景重複
是背景位置

背景：URL（「圖像/ menu5.gif」）不重複0 0;

來源

2012-04-25 10:19:31

應該是「背景圖像」而不是「背景」。

「背景」是一種速記符號，它也需要位置信息。

.listmenu li a:hover { 

    background-image: url('images/bg.jpg'); 

    color:#000000;}

更新：顯然我不是正確的。看起來您可以指定background的一個或多個屬性。我測試過，並且兩種方法都適用於Firefox 11.0和IE 9.0。

來源

2012-04-25 10:19:07 Stefan

可能是您的網址是錯誤的，因爲

On normal state the URL is url('menu5.gif'); 

On hover state the URL is url('images/menu5.gif');

來源

2012-04-25 10:23:00 sandeep

我認爲你不給確切的路徑到你的錨&懸停背景圖片，請給出確切的路徑，他們比他們將嚴格按照調用你要。

看到我所提供的背景圖像的確切路徑的演示上錨&懸停其優良的工作： -

http://jsbin.com/uzojaj/4/edit

並請檢查您的它.listmenu李一。 listmenu li a：hover給出正確的圖像路徑....

來源

2012-04-25 10:24:59

我的css無法正常工作，不能改變回地面？

回答

相關問題