[問題] CSS導覽列內超連結的底線呈顯問題消失

看板Web_Design作者lueichun時間7年前 (2016/11/26 22:48)推噓2(2推 0噓 6→)

留言8則, 4人參與討論串1/1

我作了以下的範例： 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呢 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.169.226.29 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1480171698.A.C06.html

推

nlmnrkni

11/26 23:25, , 1^F

11/26 23:25, 1^F

→

nlmnrkni

11/26 23:25, , 2^F

11/26 23:25, 2^F

→

nlmnrkni

11/26 23:25, , 3^F

11/26 23:25, 3^F