虽然我找到了解决问题的方法,但我仍想澄清一些事情。
以下是我想要实现的目标:使用生成内容将图像作为行之间的分隔符的表
这是我的第一次努力:http://jsfiddle.net/5Vqqf/68/
如您所见,表格单元格(td
)中生成的内容似乎没有呈现任何内容。我预计每行下面会有一条红线。
第二次努力:http://jsfiddle.net/5Vqqf/69/
我将一些内容插入content
属性,即。 content:".";
这似乎可以帮助您生成内容。但是, Firefox ,遗憾的是,无法正确显示,因为内容与整页相关。 (注意FF底部的红线?)
第三项工作: ... / 70 / (相同的链接,但将最后一个数字更改为70 - 抱歉,我没有权利发布超过2个链接)
给单元格float
似乎可以修复Firefox的问题。然而,高度变得不一致。
最后的努力: ... / 72 /
最后,我尝试将内容应用到表格行(tr
)中。这对所有主流浏览器都起了作用(当然不包括IE7)。
好的,这是我的问题:
content
?tr
)?(注意:这个问题无论是直接在单元格上使用背景图像还是使用边框)都可能