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