css - IE6背景图片不显示

Question

我正在尝试为仍然出于某种原因使用此浏览器的人设计 ie6 样式。我遇到的问题是背景图像没有显示。路径是正确的，当我在浏览器中输入完整路径时，图像会显示。我的代码哪里出错了。谢谢

.buttonMailTrue:hover {
    background-image: url('http://localhost/sample/users/images/mail_icon_strip_hover.gif');
    background-repeat: no-repeat;
    width:290px;
    height:44px;
    color: black;
}

Answer 1

悬停仅适用于 ie6 中的链接。

Answer 2

IE6 仅支持 :hover 在链接上。所以你必须做这样的事情：

CSS：

.buttonMailTrue.hover {
    background-image: url('http://localhost/sample/users/images/mail_icon_strip_hover.gif');
    background-repeat: no-repeat;
    width:290px;
    height:44px;
    color: black;
}

Javascript（使用 jQuery）：

$('.buttonMailTrue').hover(function() {
    $(this).addClass('hover');
}, function() {
    $(this).removeClass('hover');
});

Answer 3

我已经在头部和外部 js 文件中尝试过，但仍然无法正常工作。

尝试内部<script type="text/javascript" rel="JavaScript">//code here</script>