在IE6中,如何实现:hover?

时间:2010-10-27 14:17:37

标签: css internet-explorer-6

我正在使用以下CSS:

#userinfo_box a:link,a:visited
{
    text-decoration:none;
}

#userinfo_box a:hover
{
    text-decoration:underline;
}

HTML

<div id="userinfo_box"><a href="">Hello World</a></div>

在IE6中,Hello World没有加下划线。如何在IE6中完成?

3 个答案:

答案 0 :(得分:4)

IE6可能无法在此实例中工作的唯一原因是因为href为空。如果该属性为空,IE6有时无法正确识别链接。尝试将其设置为href="#",它应该可以正常工作。

答案 1 :(得分:2)

至少在href中输入一个#。 href中没有任何东西意味着它不是一个链接...所以这可能就是你的问题。如果这不能解决问题,请告诉我,我将在我的VM上安装Multiple IE来测试IE6。

<div id="userinfo_box"><a href="#">Hello World</a></div>

答案 2 :(得分:2)

请注意,您的第一个规则集中的选择器可能应更正为:

#userinfo_box a:link, #userinfo_box a:visited {}