css - Anchor 的背景图片不适用于 Safari/Firefox

Question

我在 Css 中使用了背景图像。然后我生成 Anchor 并分配具有图像的 css 类。它适用于 IE，但不适用于 Safari、Firefox 和 Chrome。

谁能帮我解决一下。我在下面给出了详细信息。

CSS

.HOME
{
   BACKGROUND-IMAGE: url(../images/home.jpg);
   WIDTH: 56px;
   BACKGROUND-REPEAT: no-repeat;
   HEIGHT: 20px
}
.HOME A
{
   WIDTH: 56px;
   HEIGHT: 20px
}
.HOME A:hover
{
   BACKGROUND-IMAGE: url(../images/home1.jpg);
   WIDTH: 56px;
   HEIGHT: 20px
}

HTML

<td class="HOME"><A href="#abc.html" Class ="Home" onclick="OpenPage()"/></td>

Answer 1

background-image 即将被弃用，我建议使用:

a.home { background: url(../images/home.jpg) no-repeat; width:56px; height:20px }
a.home:hover { background: url(../images/home1.jpg); width:56px; height:20px }