[转]table设置border-radius不显示的问题

table中运用border-radius遇到问题

今天在做一个升级包的时候遇到了一个问题，先给出代码

<table cellpadding=”0″ cellspacing=”0″ class=”confirm-table”>
<thead>
<tr>
<th>证件所在地</th>
<th>支持证件</th>
</tr>
</thead>
<tbody>
<tr>
<td>中国大陆</td>
<td>身份证、户口本、户籍证明、临时身份证、护照（2007年1月1日之后办理）</td>
</tr>
<tr>
<td>香港、澳门</td>
<td>护照、港澳通行证、当地身份证</td>
</tr>
</tbody>
</table>

然后定义css ：

table{border-radius:4px 4px 0 0;border-collapse:collapse ;}

然后神奇的发现table竟然没有呈现圆角，琢磨了半天猜测是border-collapse:collapse 导致的，更改了这个属性之后，圆角出来了，后来网上查了一下确实是由于collapse导致了圆角不显示，可以更改为border- collapse:separate；也就是默认属性即可；

在遇到table需要设置圆角的时候border-collapse不要设置为collapse；鉴于低版本的浏览器像ie6之类，还是乖乖的背景图片，或者用网上写的那个圆角脚本实现。

原文链接：http://moonka.info/archives/356