div中的内容重叠圆角。

Question

我正试图在表格元素上获得圆角。理想情况下，我希望在IE 7-10，Chrome和Firefox上显示圆角。为此，我使用的是JQuery Corner。我面临的问题是，当我将默认的圆角效果应用于我的桌子周围的div时，表格与边框/角落重叠。

这是一个截图：

为什么桌子不在我的div之外？

Answer 1

Tables don't accept border-radius as a property. 

http://jsfiddle.net/Kyle_/zBE6H/

你可以做的是将它包装在div中并给出边框半径，同时删除表格的边框（或使边框与div的背景颜色相同。）

http://jsfiddle.net/Kyle_/zBE6H/1/