|
阅读：1505回复：3
firefox4.0b7 关于css a:hover的问题
今天第一次试用firefox4，浏览网页的时候发现一个问题，对于没有 <a href="url"> </a>这样的元素也产生a：hover效果，而chrome、IE8、firefox3.6等都不会。
<html>
<head>
<style>
a:hover { text-decoration: overline underline }
</style>
</head>
<body>
<a name=id001>
<p>this is a test</p>
</a>
<a name=id002 href="http://www.google.com">
<p>this is a test</p>
</a>
</body>
</html>
鼠标悬停时，FF4中两个test都会有上下划线，其他浏览器第一个test（id001）不会有任何效果，第二个test（id002）会有上下划线效果。 因为平时比较喜欢上的一个网站会有这个问题，希望有方法能解决一下，不然满屏的内容都会显示上下划线，希望有高手解答 |
|
|
1楼#
发布于：2010-12-11 19:09
chinaluot：今天第一次试用firefox4，浏览网页的时候发现一个问题，对于没有 <a href="url"> </a>这样的元素也产生a：hover效果，而chrome、IE8、firefox3.6等都不会。 有效果才是对的。name和href只不过是<a>标签的不同属性而已。区别在于name是被引用的文件内的书签链接，href是引用的链接。但两者都属于<a>，都是链接。所以，a:hover的样式对两者都有效果是对的。 |
|
|
2楼#
发布于：2010-12-11 19:09
|
|
|
3楼#
发布于：2010-12-11 19:09
3.6也有
|
|
|
