html – 表格行背景图片[复制]

概述Possible Duplicate: 07000 我正在尝试将一个图像作为第一行的背景.问题是背景分别应用于每个单元,而不是整体.有办法解决吗？ http://jsfiddle.net/bumpy009/c3txj/ 结果应如下所示： 编辑：问题只出现在Safari,Opera和chrome中.还没检查IE. 如果你想跨越每一行,为什么不把它作为表格背景而是在y轴上重复呢？ table {

Possible Duplicate:
07000

我正在尝试将一个图像作为第一行的背景.问题是背景分别应用于每个单元,而不是整体.有办法解决吗？

http://jsfiddle.net/bumpy009/c3txj/

结果应如下所示：

编辑：问题只出现在Safari,Opera和Chrome中.还没检查IE.

解决方法 如果你想跨越每一行,为什么不把它作为表格背景而是在y轴上重复呢？

table {    wIDth: 300px;    background-image: url('mypic.jpg');    background-repeat: repeat-y;}

顺便说一句,我用IE9,FF12测试了你的代码 – 那些每行显示一次图像.但Chrome 15& Safari 5正在为每个td重复它.

编辑

由于你只想在第一行中使用它,你应该使用background-position来确保图像保持在表格的顶部(通常是第一行的位置,对吧？：P)

table {    wIDth: 300px;    background-image: url('mypic.png');    background-repeat: no-repeat;    background-position: center top;}

总结

以上是内存溢出为你收集整理的html – 表格行背景图片[复制]全部内容，希望文章能够帮你解决html – 表格行背景图片[复制]所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。