0

こんにちは、作成したメニューの背景を変更しようとしていますが、通常の状態では背景の画像を使用しておらず、マウスをホバーすると私のコードは、

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

よろしくお願いします。

4

4 に答える 4

1
  1. バックグラウンド URL です
  2. バックグラウンドリピートです
  3. 背景位置です

background:url("images/menu5.gif") no-repeat 0 0 ;

于 2012-04-25T10:19:31.593 に答える
0

「background」ではなく「background-image」にする必要があります。

「背景」は、位置情報も必要とする簡略表記です。

.listmenu li a:hover {

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

    color:#000000;}

更新: どうやら私は正しくありません。に1 つ以上のプロパティを指定できるようですbackground。テストしたところ、どちらの方法も Firefox 11.0 と IE 9.0 の両方で機能します。

于 2012-04-25T10:19:07.177 に答える
0

URLが間違っている可能性があります

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

On hover state the URL is url('images/menu5.gif');
于 2012-04-25T10:23:00.517 に答える
0

アンカーとホバーの背景画像への正確なパスを指定していないと思いますが、必要に応じて正確に呼び出すよりも正確なパスを指定してください。

アンカーの背景画像の正確なパスを指定したデモを参照し、正常に機能するようにホバーします:-

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

そして、あなたの.listmenu li a ,をチェックしてください。listmenu li a:hoverは、画像への正しいパスを指定します....

于 2012-04-25T10:24:59.313 に答える