傲游极速方式下a:hover应用了宋体字则不可以一切

2021-03-11 04:05 jianzhan
昨日用傲游访问器检测了1下前几日做的网页页面,忽然发现1个难题:在极速方式下,电脑鼠标历经a标识时不可以一切正常显示信息下划线。1刚开始认为是自身编码的难题,可是如何调节都沒有发现难题,并且在别的流行访问器上检测沒有任何难题,这难道说是访问器的BUG?因而去傲游的论坛发个帖子,想获得官方的协助,出现意外的是我的这帖子还被那个版主瞧不起了,内心很不爽,因而决策自身非得寻找缘故不能(也有1个缘故便是老板恰好用傲游还要过他这关啊)。

1刚开始我将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;}

发现删除以后就有下划线了,内心有1丝的激动,最少我寻找难题的大概地区了。历经清除,最终锁住到了body里边的font特性,1刚开始认为是line-height难题,但如何设定還是不好,因而想起去腾迅网看看,能够出现意外的发现腾迅网的a标识也沒有下划线,再看了1下它的款式,发现腾迅网应用的默认设置字体样式是“宋体”,而我的也是,难道说是字体样式的难题?因而我将宋体换为了verdana试了1下,果真有下划线了。

以便确定是字体样式的缘故,因而自身就独立除去了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;})。