Html 如何使用CSS拉伸表格单元格的背景图像？

如何使用CSS拉伸表格单元格的背景图像？我用谷歌搜索了一下，没有结果

当设置单元格的背景图像且背景大小小于该单元格时，将重复该设置

---

如何强制此背景拉伸整个表格单元格？

您不能拉伸背景图像

如果要拉伸图像，必须将其放入

img

标记中。您可以使用绝对定位将内容放置在图像顶部。

可以

示例：

body { background-size: 100% auto } /* Stretches image to full horiz. width */
body { background-size: 50% 50% } /* Stretches image to half of available
width and height - WARNING: aspect ratio not maintained */

body { background-size: cover } /* Ensures that image covers full area */
body { background-size: contain } /* Ensures that image is completely visible */

当前所有主要浏览器都支持此功能：

• 从9.0开始
• 自3.0以来的Chrome
• 自4.0以来的Firefox
• 10.0以后的歌剧
• 从4.1开始的狩猎
这是可能的
注意：这是使用CSS3，低级浏览器不支持。
如果你用这种样式设置你的单元格，它会解决你的问题。它还允许使用可折叠的表，因为您使用的是%

background-image: url('XXX');
background-repeat: no-repeat;
background-size: 100% 100%;

---

但是我为表格制作了这个线程/绝对位置不适合表格的背景图像/还有其他想法吗？@LostLord:不，你不能拉伸背景图像，除非你想等到CSS 3兼容的浏览器变得更加普遍。还有一些javascript库可以实现这个答案中描述的功能：）背景大小非常有限/有其他想法吗？@LostLord不太可能，没有复杂的jQuery解决方法也不行。你需要做什么？链接不再工作了。想修一下吗？@MoonLight你受限制了！；-）很抱歉你的评论已经过时了。现在支持非常好，背景大小是一个救命稻草。@ArmelLarcier有很多使用旧浏览器的互联网用户。。。即使在2016年。。。你知道为什么吗？因为我（我自己）还有WindowsXP3。用它的浏览器。。。我有IE7。。。我不想升级。。。我认为windows 7和8以及。。。你不好。。。在我看来，一个软件是伟大的开始。。。但是升级之后。。。他们会给他们加上我不喜欢的额外代码。。。例如：在windows xp中检查记事本，在windows 7中检查记事本。。。如果你是专业的程序员。。。你会知道为什么我没有升级…这个问题的公认答案不再正确-现在所有主流浏览器都支持扩展CSS