IE7 table cell

这个问题花了很长时间。

用很常规的方法做表格单元格阴影效果

{

border-color: #FFF #CCC #CCC #FFF;

border-width: 1px;

border-style: solid;

}

在IE7中表格边框变仅剩#FFF。当然我的情况比较复杂，单纯的表格式不会出现这种情况的。

YUI的table中设置了border-collapse: collapse。就是边框覆盖了。

于是简单改border-collapse: separate。单元格分开了，有间隙，随便你加margin为0还是border-spacing为0都没用，我指ie7。

其实在table里的属性cellspacing=0就行。

也就是说在ie7里没有css能完全取代该属性。

看了下面这篇文章，貌似没什么好的办法border-spacing:expression(this.cellSpacing=2);

table的属性cellspacing和cellpadding在CSS中用什么属性表示？

2009-03-21 23:38

答:table{ width:400px; border:1pxsolid#D4D0C8; border-collapse:separate; border-spacing:2px!important; border-spacing:expression(this.cellSpacing=2); } td{ border:1pxsolid#808080; padding:3px; }