鉻渲染錯誤與邊框崩潰

Question

鉻渲染此標記錯誤(see jsfiddle for full markup)。

table { border-collapse: collapse } 

這是在Chrome：

，並在Firefox相同的標記或邊緣：

有沒有辦法在Chrome來解決這個問題？

Answer 1

根據Chrome bug with colspan and border?，自2008年以來，這是Chrome bug ......尚未確定。

解決此問題的一種解決方法是：不使用colspan。示例代碼：

<tr> 
    <td class=A>1</td> 
    <td class=A>2</td> 
    <td class=A>3</td> 
    <td></td> 
    <td></td> 
    <td></td> 
</tr> 

，而不是

<tr> 
    <td class=A>1</td> 
    <td class=A>2</td> 
    <td class=A>3</td> 
    <td colspan=3></td> 
    </tr> 

fiddle您的例子。

或者，您可以使用mistermansam's workaround放棄border-collapse。