【问题标题】:How to display background image using PHP/CSS [closed]如何使用 PHP/CSS 显示背景图像 [关闭]
【发布时间】:2019-10-21 22:49:59
【问题描述】:

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

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

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

【问题讨论】:

  • 你要插入的图片的绝对路径是什么?
  • '/assets/img/intersection 1.png'
  • 是帖子的图片,因为您使用的是 wordpress(缩略图)?
  • 您可以使用以下方式访问图像吗:https:your_host:port/assets/img/intersection 1.png
  • 我没有那种东西。

标签: php wordpress image background add


【解决方案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 等等。

【讨论】:

  • 非常感谢。这个回答太好了。我相信这会帮助很多人再次感谢您。
  • 不客气 :)
  • 谁反对这个?这绝对是正确的答案。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2017-09-21
  • 1970-01-01
  • 2012-12-11
  • 2019-02-27
  • 2015-02-18
  • 1970-01-01
相关资源
最近更新 更多