Question

嗨我想在我创建的菜单上改变背景，但是在正常条件下没有使用后面的图像，鼠标悬停时我的代码是，

<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

是背景网址
是背景重复
是背景位置

background：url（“images / menu5.gif”）no-repeat 0 0;

Answer 2

应该是“background-image”而不仅仅是“background”。

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

.listmenu li a:hover {

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

    color:#000000;}

更新：显然我不对。您似乎可以为background指定一个或多个属性。我测试过，任何一种方法都适用于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

我认为你没有给出锚点＆amp;悬停背景图片请给出确切的路径，而不是按照您的意愿调用。

看到演示我已经在锚点＆amp;上给出了背景图像的确切路径。悬停其工作正常： -

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

请检查 .listmenu li a ，。 listmenu li a：hover 给出正确的图片路径....

我的css无法正常工作而不改变背景？

4 个答案: