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. 是背景网址
  2. 是背景重复
  3. 是背景位置

背景：url("images/menu5.gif") 不重复 0 0 ;

于 2012-04-25T10:19:31.593 回答
0

应该是“背景图像”而不仅仅是“背景”。

“背景”是一种速记符号，它也需要位置信息。

.listmenu li a:hover {

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

    color:#000000;}

更新：显然我不正确。看起来您可以为background. 我测试过，这两种方法都适用于 Firefox 11.0 和 IE 9.0。

于 2012-04-25T10:19:07.177 回答
0

可能是您的网址错误，因为

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