大佬教程收集整理的这篇文章主要介绍了css – 如何使表格的重复线性渐变在多个单元格上无缝连续？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
.striped {
background: repeating-linear-gradient(
45deg,#FFFFFF,#FFFFFF 10px,#DDDDDD 10px,#DDDDDD 20px
)}
这是Codepen说明问题：
http://codepen.io/merryprankster/pen/bpeCc
使用Chrome,它看起来非常糟糕.使用Firefox,几乎是好但不完全(有时条纹宽度不同 – 偏离一个像素 – 跨越单元边界).
编辑：澄清一下,我需要定位一个特定的行,而不是整个表.所以是的,关于样式化tr的观点实际上是相关的.
作为一种解决方法：将条纹放在桌面上,以免混淆渲染机制,然后取代对“要条纹化”的行进行样式化,取消其他行的样式,如下所示：
table.striped {
background: repeating-linear-gradient(
45deg,#DDDDDD 20px
);
}
tr:not(.striped) {
background:white; /* or any color that would normally be behind the table */
}
这样它仍然可以像你想要突出显示指示的行一样.如果出于某种原因,在没有样式的行后面有一个非透明的背景,你可能因为这个bug而运气不好.
Updated codepen.在IE,FF和Chrome中完全相同,没有’hickups’.
以上是大佬教程为你收集整理的css – 如何使表格的重复线性渐变在多个单元格上无缝连续？全部内容，希望文章能够帮你解决css – 如何使表格的重复线性渐变在多个单元格上无缝连续？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。