私のCSSは正しく動作していないため、バックグラウンドを変更していませんか？

Question

こんにちは私は作成したメニューで地面をバックに変更しようとしていますが、それは通常の状態に戻ってgroungで画像を使用していないと、マウスに私のコードをホバーされ、

<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> 

はあなたから聞くことを期待している、すぐに感謝あらかじめ 。

Answer 1

1. 背景URL
2. 背景リピート
3. 背景位置

背景である：URL（ "画像/ menu5.gif"）なしリピート0。

Answer 2

「背景」ではなく「背景画像」である必要があります。

「バックグラウンド」は、位置情報も必要とする簡略表記です。

.listmenu li a:hover { 

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

    color:#000000;} 

更新：明らかに正しくありません。あなたはbackgroundのための1つ以上のの特性を指定することができるように見えます。私はテストして、いずれの方法もFirefox 11.0とIE 9.0の両方で動作します。

Answer 3

は

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

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

Answer 4

は、私はあなたが、彼らは正確に同じ呼ぶよりも&ホバー背景画像が彼らに正確なパスを与えてください、あなたのアンカーに正確なパスを与えていないと思うので、あなたのURLが間違っているかもしれませあなたは欲しい。 、

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

そして、あなたの.listmenu李それを確認してください - ：

は私がアンカー&ホバーそのが正常に動作上の背景画像の正確なパスを与えているのデモを参照してください。 listmenu li a：ホバー画像の正しいパスを指定します....