Javascript 背景色和图像在li上同时悬停

我有一个代码，我想应用一个图像和背景色在同一时间。有人能帮我吗

CSS

HTML

---

这是HTML和CSS的代码，我需要同时应用图像和bckground颜色。请有人帮我解决这个问题。

当您只想更改单个值时，不要使用简写符号。或者，如果使用简写符号，则提供所有不希望成为“默认”值的值

使用：

或：

---

请记住，当您使用速记法时，所有未提供的值都将返回到默认值，而不是继承的值。

当您只想更改单个值时，不要使用速记法。或者，如果使用简写符号，则提供所有不希望成为“默认”值的值

使用：

或：

---

请记住，当您使用速记时，所有未提供的值都将返回到默认值，而不是继承的值。

首先，您的HTML应该如下所示

<ul class="menu">
   <li><a href="#">A</a></li>
   <li><a href="#">B</a></li>
   <li><a href="#">C</a></li>
   <li><a href="#">D</a></li>
</ul>

如果你想添加悬停状态

ul.menu li{display:block; width:100px; height:30px; background:url(yourbackgroundimage.png);}
ul.menu li:hover{background:url(yourhoverbackgroundimage.png);}
ul.menu li a, ul.menu li a:visited{display:block; width:100px; height:30px; background:url(yoursecondbackgroundimage.png);}
ul.menu li a:hover{background:url(yoursecondbackgroundimagehover.png);}

---

首先，您的HTML应该如下所示

<ul class="menu">
   <li><a href="#">A</a></li>
   <li><a href="#">B</a></li>
   <li><a href="#">C</a></li>
   <li><a href="#">D</a></li>
</ul>

如果你想添加悬停状态

ul.menu li{display:block; width:100px; height:30px; background:url(yourbackgroundimage.png);}
ul.menu li:hover{background:url(yourhoverbackgroundimage.png);}
ul.menu li a, ul.menu li a:visited{display:block; width:100px; height:30px; background:url(yoursecondbackgroundimage.png);}
ul.menu li a:hover{background:url(yoursecondbackgroundimagehover.png);}

加

加

---

那么，我如何将图像也应用于that@Jhilom使用适当的属性，例如

背景图像

，

背景位置

等等。那么如何将图像也应用于that@Jhilom使用适当的属性，例如

背景图像

，

背景位置

等。首先。。。你的HTML标签是错误的！第一。。。你的HTML标签是错误的！

<ul class="menu">
   <li><a href="#">A</a></li>
   <li><a href="#">B</a></li>
   <li><a href="#">C</a></li>
   <li><a href="#">D</a></li>
</ul>

ul.menu li{display:block; width:100px; height:30px; background:url(yourbackgroundimage.png);}
ul.menu li a{display:block; width:100px; height:30px; background:url(yoursecondbackgroundimage.png);}

ul.menu li{display:block; width:100px; height:30px; background:url(yourbackgroundimage.png);}
ul.menu li:hover{background:url(yourhoverbackgroundimage.png);}
ul.menu li a, ul.menu li a:visited{display:block; width:100px; height:30px; background:url(yoursecondbackgroundimage.png);}
ul.menu li a:hover{background:url(yoursecondbackgroundimagehover.png);}

.menu li {
    background: #color url(path to img);
}
.menu li:hover {
    background: #hover-color url(path to hover-img);
    /* or if only color is changed just write */
    background-color: #hover-color;
}

.menu li:hover 
{ 
background:#3EBBEC url(image.jpg) no-repeat;
color: #FFFFFF; 
}