2012-05-09 45 views
1

我想使用三个图像(左,右和中间)设置表的第一行的背景。中间可以是一个图像或只是一个颜色填充。表背景问题(左,右和中间为图像)

的代码是在这个小提琴: http://jsfiddle.net/bumpy009/c3txj/13/

结果应该是这样的:

enter image description here

我只能做一个箭头出现的时间,不能是两个同时,也不用颜色填充中间区域。

我需要使用表bg方法,因为我打算将这个类用于具有不同宽度和不同单元宽度的不同表格。

有什么建议吗?

+0

而不是使用表,你可以做到这一点使用的div。 – Libin

回答

1

您只能将一个背景图像应用于表格。

如果你申请的左边和右边类到相应的标签,将工作

http://jsfiddle.net/tXGCa/2/

+0

对于这两种图像使用gif也许是一个好主意,因为它看起来像右箭头有一个透明度,当背景颜色位于它下面时会打乱正确的单元格。 – Ollie

+0

我在photoshop中为这个问题制作了图片。请忽略质量。我认为这种方法不适用于我,因为这些单元具有固定的宽度。 – domino

+0

我不明白为什么具有固定宽度的单元格会有所作为。图像将只位于单元格的左上角和右上角,然后您可以将背景颜色#c7698b应用到另一个 http://jsfiddle.net/tXGCa/3/ – Ollie