HTML-PHP:未显示背景图像

我试图用下面的代码在表格单元格中添加一个图像作为背景图像，但它不能正常工作

<tr><td style="background-image:url('search_images/Zyra.png')">Zyra</td></tr>

这是因为它显示的图像上有文本，除了它只显示一行，而且单元格大小适合文本而不是背景图像

---

我希望行填充浏览器窗口的宽度，单元格的大小与背景图像的大小相同。

您的代码应该可以正常工作，请检查浏览器控制台是否有错误，如果它说找不到图像，则您可能键入了图像路径

如果提供的图像和HTML文件位于同一目录中，则可以使用

背景图像：url（'./image.jpg'）

，否则需要从HTML页面目录开始的完整路径，如

背景图像：url（'./firstDir/secondDir/image.jpg'）

下面是代码工作的一个工作示例：



这是测试
确保在
和
标记周围放置
标记（这就是代码段工作的原因）。如果您想显示更多图像，还可以将宽度和高度添加到


td.bg{
背景图像：url（'https://cdn.pixabay.com/photo/2016/03/28/12/35/cat-1285634_960_720.png')
}

枷蘿
您的代码没有问题。我的猜测是，因为您使用的是
png
文件，它可能会为那些
空白像素生成白色背景。
下面是一个例子，说明它的工作原理



这里有一些文字
问题是我正在使用PHP循环创建一个包含149个单元格的表。这将为我的HTML添加149行。当然有更好的方法吗？好的，我编辑了我的答案。您很可能在图像路径上遇到问题。好的，这就像它显示图像一样。但是单元格的大小与图像的大小不同。所有的细胞都在一行中；我希望每行的单元格数由浏览器窗口的宽度决定。你能帮我一下吗？当然，你事先知道浏览器的宽度吗？要澄清的是，PHP是服务器端语言，服务器并不关心您的分辨率或屏幕宽度。这就是浏览器的问题。但是如果您向php程序发送了一个变量
cell.php？width=1024
，然后程序会知道您当前的浏览器宽度，然后您可以轻松地限制for循环写入
browserWidth/pictureWidth
每行的单元格数。我编辑了我的答案，以便背景图像覆盖整个单元格。我正在使用PHP循环生成我的单元格。我将此添加到编辑中。但无论何时，它都会使单元格的大小取决于文本。如何根据图像的大小进行设置？@JuanBiche尝试添加
背景大小：auto；背景重复：无重复
  echo "<td style='width:100%; background-image: url(search_images/".$row["champion"].".png)'>".$row["champion"]."</td>";