在桌行的背景样式重复

时间:2014-10-28 14:59:31

标签: css design-patterns background row

我在桌面行上设置基于图案的背景时遇到问题。在此屏幕截图中,您可以看到在单元格之间,背景有某种位置故障,这很奇怪,因为CSS应用于table-row而不是table-cell

enter image description here 这里有一个jsfiddle:http://jsfiddle.net/qzo9hrz8/3/

1 个答案:

答案 0 :(得分:0)

问题是tr标签不能包含大多数css属性,包括background属性。这会导致你的背景在tr上自动应用到td,而不是理论上的tr。

这里我有一个解决方案,利用colspan你想要使用背景。

[Check out the solution in jsfiddle][1]