如何使用 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 等。

How to display background image using PHP/CSS