如何使用背景图像：使用 php答案

【问题标题】：How to use background-image: with php如何使用背景图像：使用 php
【发布时间】：2017-11-07 23:11:29
【问题描述】：

如何将 background-image: url() 与 php 结合使用以获得我要显示的图像的目录。

CSS

.imageGallery {
width: 960px;
position: relative;
background-image: url('<?php bloginfo("template_directory");?>/images/visitus.png');
}

目前，这个 css 不工作。不显示背景图片。

HTML

<div class="imageGallery">
</div>

例如：

这很好用

<img src='<?php bloginfo("template_directory");?>/images/home.png' class="headImage" />

但这不是

    background-image: url('<?php bloginfo("template_directory");?>/images/visitus.png');

【问题讨论】：

Web 服务器错误日志显示 visitus.png 的 404？如果您查看源代码，您是否看到它呈现您期望的目录？如果您直接访问该目录，您可以加载文件吗？如果 home.png 有效，我会暂时为您的背景图片尝试。
你的css文件在哪里？在根目录中？

【解决方案1】：

你可以试试下面这两个选项

CSS

.imageGallery {
width: 960px;
position: relative;
background-image: url('images/visitus.png');
}

HTML 内嵌 CSS

<div class="imageGallery" style="background-image: url('<?php bloginfo("template_directory");?>/images/visitus.png')">
</div>

如果您使用第二个选项，您需要从您的 css 规则中删除该元素的背景图片 url。希望对你有帮助

【讨论】：

我做错了什么吗？我正在尝试您提到的第一个解决方案，但图像仍然没有出现。 imgur.com/a/mBzQL
我看到你的图像路径 `../images/visitus.png` 与第一个解决方案不同，从路径中删除 `../`。我总是将它用于 wordpress 主题案例

【解决方案2】：

这取决于你的css文件在哪里，把你的css文件和图片文件放在同一个地方，然后试试下面

background-image: url("frame.jpg");

或者您可以使用 / 从根文件夹开始。

background-image: url("/frame.jpg");

【讨论】：