[問題] 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