：悬停背景图像交换在IE6

a.dismiss交叉{ 背景不工作：透明URL（/images/cross-grey.png）不重复滚动0 0; float：right; border：none; width：19px; height：19px; display：block; }：悬停背景图像交换在IE6

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

而且随着

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

罗实现你看它并不在IE浏览器中的所有其他浏览器中运行，而它的罚款。

任何想法？

谢谢。

来源

2009-10-20 jugger000

不能在任何版本的IE中工作？或者只是IE6？ – peirix 2009-10-20 10:38:16

您是否尝试在一个元素中使用，例如？ – Max 2009-10-20 10:43:48

您发布的代码与IE6一起使用。除非你的形象有些不可思议，否则肯定会有其他影响它的东西。你有链接吗？ – Emily 2009-10-20 10:50:44

我真的不知道，但据我记得你必须明确地声明的: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。

来源

2009-10-20 10:32:20

+1在IE6中浮动双边距...太奇怪了。 – peirix 2009-10-20 10:45:48

：悬停背景图像交换在IE6

回答

相关问题