|
|
昨天用傲游浏览器测试了一下前几天做的页面，突然发现一个问题：在极速模式下，鼠标经过a标签时不能正常显示下划线，在其他主流浏览器上测试没有任何问题，这难道是浏览器的BUG,于是乎搜集整理中
昨天用傲游浏览器测试了一下前几天做的页面，突然发现一个问题：在极速模式下，鼠标经过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;}）。 |
|
发表于 2012-12-18 08:57:43
