如何使用 PHP/CSS 显示背景图像 [关闭]

Question

我正在寻找使用 PHP 和 CSS 链接背景图像的干净简单的解决方案。非常感谢任何帮助！

我已经阅读了一个多小时，似乎找不到答案。 Here is what I have

我希望显示图像，但事实并非如此。

Answer 1

看起来你很接近了！一个很好的方法是将背景图像存储在一个变量中，就像这样

$image = "http://example.com/my-image.png";

仔细检查您的图像是否确实存在（在浏览器中输入该路径进行检查。如果您通过元数据或类似方式加载图像，您可以使用var_dump($image));将其回显到屏幕上

接下来当你显示你的图像时，在样式标签中回显它（类似于你所拥有的）

style="background-image: url(<?php echo $image;?>);"

而且由于您使用的是背景图像，因此您需要确保指定它占用的区域。所以在你的 CSS 中，你会想要这样的东西

.background-image{
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    height:100%;
    width:100%;
}

如果你的 div 没有任何后代，你的 div 必须有一个大小，否则它将是 0x0 并且你不会看到它。您不必为高度和宽度使用 100%，您可以使用 px 等等。