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

前端之家收集整理的这篇文章主要介绍了html – 表格行背景图片[复制]前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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相关文章