10

我正在尝试在标签 td 上显示背景图像。我有代码

<td style="background-image:url(../uploadimages/18-2-2013-23-33-01-Lighthouse.jpg);background-repeat:no-repeat;background-size:250px 180px;"></td>

<img src="../uploadimages/18-2-2013-23-33-01-Lighthouse.jpg" />

我使用标签 img 测试了路径,它得到了正确的路径,但我不知道它没有显示在 td 标签的背景图像中。

非常感谢您

4

2 回答 2

15

不会显示背景图像,td因为它没有任何内容,因此没有空间td来绘制背景。background-size设置背景的大小,而不是容器的大小。尝试width:250px;height:180px;使用内联样式td- 它应该显示图像。

这是 jsfiddle 中的演示。如果您从 CSS 中删除widthheight设置,您将看不到图像。

于 2013-03-03T14:44:13.213 回答
6

适当的解决方案

首先,你必须指定 td 的宽度和高度。遵循将正常工作的示例---

<td style="background-image:url(../uploadimages/18-2-2013-23-33-01-Lighthouse.jpg);background-repeat:no-repeat;background-size:250px 180px;   width: 250px; height: 180px;"></td>
于 2015-08-08T09:24:19.220 回答