ie6 表格td中无内容时不显示边框的解决办法
2011-12-02 14:27:53| 分类: css兼容问题 |字号 订阅
1、在单元格中加入一个空格。这样: <td> </td>
2、直接在table里这样写:<table border="0" cellspacing="0" style="border-collapse:collapse"> 这种是边框在ie6下显示不全
(<table width="200px" height="200px" frame="box">)这种情况是在ie6下加边框不正确,一般在写table时最好就加上frame="box"
看清了啊,border-collapse只能是collapse,虽然border-collapse还有separate,inherit属性。用这 种方法可以把边框显示出来,但很郁闷的是—-它显示的是细边框。顺带一下separate和collapse吧, separate:separate : 默认值。边框独立(标准HTML),跟没用这个属性时显示的一样。(inherit在我看来跟separate 没啥区别,也许是我眼拙,呵呵) collapse : 相邻边被合并 相邻边被合并!默认时相邻边没有合并,所以就是 1+1=2。现在我们使用 border-collapse:collapse把我们合并了,所以宽度就是 1+1=1了出现细线边框了。
3、table { caption-side: top; width: auto; border-collapse: collapse; empty-cells: hide; }或者 table {width:100%;border-collapse: separate;empty-cells:show;} 不过,目前IE6.0持此属性,貌似只能在css2中使用。相应的脚本特性为emptyCells。
4、这里能使边框显示出来的核心是 rules=”cols”
5.还有一种情况就是已经加上边框了,但是就是不显示,其实是有边框的,只是层级关系的问题所以看到边框
解决办法(给加最外diy加上zoom:1就可以解决了)