后查具體情況概述為:firefox+table rowspan+border+border-collapse:collapse;
表現情況是:第一行與最后一行正常,其余的中間行,全部都與預期的border不同。
先看示例吧:
Rank's HTML document
第一列
第二列
test
第一條中間沒有橫線
test
test
可愛的firefox讓我們看到了兩條線
test
test
可愛的firefox讓我們看到了兩條線
test
test
可愛的firefox讓我們看到了兩條線
test
test
最后一條中間沒有橫線
test
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
經過驗證,兩種解決方法。
去除border-collapse
加上一個border-left或者border-right
無獨有偶,后來搜索了一下,也有前人踩到了這個坑里,它的解決方法也是:border-left:1px solid #999 important;border-left:none的方法來解決。
(see detail:http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/CSS/Q_23698654.html)
好在可以通過border的錯覺及顏色來解決這個問題。為了偷懶,我直接用上了對方的e.g。看解決前的代碼:
Image
Insert Heading Here
Image
1

Data

2
Data
3

Data

4
Data
5

Data

6
Data
7

Data

8
Data
9

Data

10
Data
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
解決后的代碼:
Image
Insert Heading Here
Image
1

Data

2
Data
3

Data

4
Data
5

Data

6
Data
7

Data

8
Data
9

Data

10
Data
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
PS.好象firefox 一直以來就有這個bug。問多久前有的?至少flock就有了