A:悬停背景图像交换在IE6中不起作用

Question

不重复滚动0；浮动:右；边框:无；宽度:19 no；高度:19 no；显示:块；}

a.dismiss-cross:hover {
    background-position: 0 -19px;
}

并与

 <a class='dismiss-cross' href='#'></a>

瞧，它在IE中不工作，而在其他浏览器上都很好。

有什么想法吗？

谢谢。

Answer 1

我不太确定，但据我所知，您必须用解释声明:link和:visited伪类：

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

顺便说一句，如果使用浮动，就没有理由分配块显示。浮动意味着块显示。但是..。IE6有一个具有边距的浮动元素的错误。它使利润率翻了一番。不过，修复方法很简单。你设置了display: inline;。所有其他浏览器都忽略了这一点，但是修复了IE6。