a：悬停背景图片交换在IE6中不起作用

Question

a.dismiss-cross {         background：transparent url（/images/cross-grey.png）no-repeat scroll 0 0;         漂浮：对;         border：none;         宽度：19px;         身高：19px;         显示：块;     }

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有一个带有边距的浮动元素的bug。它使利润率翻倍。修复很简单。您设置了display: inline;。所有其他浏览器都会忽略它，但修复了IE6。