[问题] CSS导览列内超连结的底线呈显问题

楼主: lueichun (no anonymous)   2016-11-26 22:48:14
我作了以下的范例:
https://jsfiddle.net/rcyang/s6txpcjm/1/
可以看到这范例最上方有个导览列(端闻 观点那一列)
当鼠标移到导览列的文字时 文字下方会出现底线
底线会跟导览列的中线重叠
例如这样:
https://dl.dropboxusercontent.com/u/63402326/CSS%20navigator1.png
但是当我将同样的code贴到eclipse的static web project
并且执行html档时 当鼠标移到超连结时
就变成这样:
https://dl.dropboxusercontent.com/u/63402326/CSS%20navigator2.png
我用google chrome或IE都是这样的结果
我想明明程式长的完全一样
但是为何呈现的CSS效果却不一样 这样我该以什么工具呈现的结果为准呢
是jsfiddle 还是google chrome呢
作者: nlmnrkni (摇头丸)   2016-11-26 23:25:00
依小弟的经验,通常同样的code在相同浏览器的环境下,应该不会因为编辑器的不同而呈现的不一样。建议先检查资源参考是不是有错误,若没有,则将同样的code贴到记事本中执行看看。若执行没问题,应该就不是code有问题了。
作者: jmlntw (吉米林)   2016-11-26 23:35:00
微软正黑体 vs 新细明体
作者: sa0124 ((恩恩))   2016-11-27 03:00:00
原来字体会影响 学到了
作者: MangoTW (不在线上)   2016-11-27 22:01:00
line-height 有设定吗?

Links booklink

Contact Us: admin [ a t ] ucptt.com