css - 表格行上的背景图案重复

标签 css design-patterns background row

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

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

最佳答案

问题是 tr 标签不能拥有大部分 css 属性,包括背景属性。这会导致您的背景自动应用于 tr 到 td,而不是理论上的 tr。

这里我有一个解决方案,在你想使用背景的地方使用 colspan。

[Check out the solution in jsfiddle][1]

关于css - 表格行上的背景图案重复,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26611558/

相关文章:

javascript - 如何为页面的特定部分包含 CSS

css - 大 table ,周围有背景的div不会重复

html - 使悬停背景具有其标题的链接并更改悬停标题

javascript - 带有 Affix 的 Bootstrap 3 模态窗口?

html - 轮廓上的 CSS 不可移除的额外白色边框

java - 悬停JavaFX ScrollBar的增量按钮时的细线

c# - 避免嵌套 try catch block 的模式?

c++ - 四人帮 : lexi editor c++ source

android - Android 游戏开发模式?

ios - NSOperationQueue 和后台支持