a：悬停背景替换空标记不起作用

Question

我使用超链接作为图像，以及背景图像，以便我可以使用a：hover进行图像交换。

我有以下内容：

<a class="cross" href='#'></a>

以下css

a.cross {
    background:transparent url(/images/cross-grey.png) no-repeat scroll 0 0;
    float: right;
    border: none;
    width: 19px;
    height: 19px;
    display: block;
}

a:hover.cross {
    background-position: 0 20px;

}

这适用于Firefox，但不适用于IE6。这是IE6的问题和简单的CSS修复，还是有更好的方法来实现我正在做的事情。感谢。

Answer 1

更改：

a:hover.cross { }

致：

a.cross:hover { }

Answer 2

我认为你应该使用javascript来处理a：hover.cross。

问候。