带有徽标的悬停CSS背景图像

嗨， 我有个问题。我必须在菜单上添加悬停图像，如图所示。我知道我必须为菜单中的每个项目创建一个特殊的图片，但是我应该如何将其添加到style.css？请给我一个答案

测试网站：

tee.jecool.net

图片： 菜单项2

菜单项14

菜单项21

菜单项26

菜单项-391

菜单项23

菜单项28

28.2.2014-23:08=

谢谢你们的回答！我不擅长css。我只教一些基础知识。这个网站我从Artisteer和一些html更改+css更改

我在另一个网站上发现了这段代码，我想这就是我想要的，但它不起作用：

 #menu-item-2 a:hover {
    background: url(http://www.tee.jecool.net/wp-content/uploads/2014/02/Dotaz_css_hover_image.png) no-repeat;
}

这是问题吗，因为我在菜单中有另一个悬停？（红色T恤杯效果）？我必须在artisster模板中关闭此功能？然后把这个写到style.css？我如何准确地编码位置？这是“菜单项2 a：悬停…”对吗

3.3.2014=

---

嗨，我在这方面做了一些工作，最后我取得了一些进展：-）。这是我目前的测试网站=buh.jecool.net。现在悬停显示我的黑色按钮。但他改变了菜单，把菜单上的文字移走了。如何编辑这个？代码现在看：

ul.art-hmenu>li>a:hover, 
.desktop ul.art-hmenu>li:hover>a {
   color: #D41217;
   text-decoration: none;
   height: 99px;
   width: 83px;
   background: url(http://www.tee.jecool.net/wp-content/uploads/2014/03/Menu_hover_blog.png) no-repeat;
} 

---

我必须为所有菜单项创建特殊的图片按钮？我是指菜单项2、14、21等等。？这个代码看起来怎么样？请给出答案。谢谢：-）

---

我非常想学这个！请给我克洛！谢谢您想在某个地方上传my style.css或html吗？很抱歉我的错误。如果它们都是锚，您只需编写一条规则（如果您可以修改html）：

也许你需要改变一些填充/边距来创造一个好的效果

---

如果无法修改html文件。。。只需为它们编写规则。

先从一些基础开始：

HTML

<div>
<ul>
    <li>
        <img src="https://wiki.debian.org/htdocs/debwiki/img/openlogo-50.png" />
        aaaaa
    </li>
    <li><img src="https://wiki.debian.org/htdocs/debwiki/img/openlogo-50.png" />
        bbbb</li>
</ul>

---

你能更详细地解释一下你的需求，并向我们展示你的HTML吗？还有，到目前为止你都试了些什么？谢谢你的回答。我把这个放在style.css中，并更改了图片的url，但没有任何更改…我必须把这个代码放在style.css或其他地方吗？具体在哪里？我把它放到style.css中，但没有任何改变。请你给我更具体的信息好吗。对不起，我不太擅长这个css用户3366349可能它不会改变，因为到映像的路径不好。你的html文件在哪里？你的css文件在哪里？你的图片在哪里？嗨，我做了一些工作，最后我取得了一些进展：-）。这是我目前的测试网站=。现在悬停显示我的黑色按钮。但他改变了菜单，把菜单上的文字移走了。如何编辑这个？代码现在查看：ul.art-humenu>li>a:hover，.desktop-ul.art-humenu>li:hover>a{color:#D41217；文本装饰：无；高度：99px；宽度：83px；背景：url(http://www.tee.jecool.net/wp-content/uploads/2014/03/Menu_hover_blog.png)不重复；}我必须为所有菜单项创建特殊的图片按钮吗？我是指菜单项2、14、21等等。？这个代码看起来怎么样？请给出答案。谢谢：-）。我非常想学这个！请给我克洛！谢谢你想要我的风格。css还是html？对不起我的坏消息。

<div>
<ul>
    <li>
        <img src="https://wiki.debian.org/htdocs/debwiki/img/openlogo-50.png" />
        aaaaa
    </li>
    <li><img src="https://wiki.debian.org/htdocs/debwiki/img/openlogo-50.png" />
        bbbb</li>
</ul>

ul li img {
    display: none;
}

ul li:hover img {
    display: inline;
}