您的位置：首页 > 其它

傲游极速模式下a:hover使用了宋体字则不能正常显示下划线

2012-12-18 08:57 295 查看
昨天用傲游浏览器测试了一下前几天做的页面，突然发现一个问题：在极速模式下，鼠标经过a标签时不能正常显示下划线。一开始以为是自己代码的问题，但是怎么调试都没有发现问题，而且在其他主流浏览器上测试没有任何问题，这难道是浏览器的BUG？于是去傲游的论坛发个帖子，想得到官方的帮助，意外的是我的这帖子还被那个版主鄙视了，心里很不爽，于是决定自己非得找到原因不可（还有一个原因就是老板正好用傲游还要过他这关啊）。

一开始我将CSS文件的前几行样式给删了，如下： 

body{margin:0;padding:0;font:12px/1.8 "宋体";position:relative;} 
h1,h2,h3,h4,h5,h6,form,input,textarea,ul,li,dt,dl,dd{margin:0;padding:0;} 
ul{list-style:none;}

发现删掉之后就有下划线了，心里有一丝的兴奋，至少我找到问题的大致地方了。经过排除，最后锁定到了body里面的font属性，一开始以为是line-height问题，但怎么设置还是不行，于是想到去腾讯网看看，可以意外的发现腾讯网的a标签也没有下划线，再看了一下它的样式，发现腾讯网使用的默认字体是“宋体”，而我的也是，难道是字体的问题？于是我将宋体换成了verdana试了一下，果然有下划线了。

为了确认是字体的原因，于是自己就单独去除了a标签，代码如下： 

<html> 
<head> 
<title> 
</title> 
<style> 
body{font:12px/1 "宋体";} 
a{color:#333;text-decoration:none;} 
a:hover{color:#f00;text-decoration:underline;} 
</style> 
</head> 
<body> 
<a href="#">test</a> 
</body> 
</html>

经过测试确实是字体的原因，然后又将字体换成微软雅黑也能正常显示，唯独使用宋体的时候没有下划线。测试期间无意间发现搜狗浏览器（version 4.0）也有这样的问题。

最后的结论：在傲游浏览器极速模式下，如果a标签使用了宋体，那么鼠标经过时不能正常显示下划线（当然肯定要定义a:hover{text-decoration:underline;}）。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航