Question

守则：

style="background-image: url(wp-content/uploads/2018/03/example.jpg);"

这样做时可以看到图像，但这就是我提出这个问题的全部原因。

style="background-image: url(http://foo.com/wp-content/uploads/2018/03/example.jpg);"

wp-content是路径中的第一个文件夹。

我试过了：

style="background-image: url('wp-content/uploads/2018/03/example.jpg');"

style="background-image: url(/wp-content/uploads/2018/03/example.jpg);"

style="background-image: url('../wp-content/uploads/2018/03/example.jpg');"

所以问题是，为什么当路径正确时图像没有显示？

解决方案实施：

style="background-image: url(insert_your_localhost/wp-content/uploads/2018/03/example.jpg);"

Answer 1

路径不正确。

试试这个：

style="background-image: url('../wp-content/uploads/2018/03/example.jpg');"

Answer 2

解决方案是使用wp_upload_dir，site_url，content_url等网站网址功能调用图片网址 Veysel Xankisiyev 已经提交了解决方案。

根据您的示例，我试图解释您尝试过的每种方法的错误。

url('wp-content/uploads/2018/03/example.jpg')

在这种情况下，浏览器会将此图片网址视为您当前的网址。如果您在主页上，请考虑example.com，结果图像URL将为example.com/wp-content/uploads/2018/03/example.jpg。只要您是一个主页，这将起作用，考虑您是否在其他页面example.com/about/中，生成的图像URL将为example.com/about/wp-content/uploads/2018/03/example.jpg。这是错误的。

background-image: url(/wp-content/uploads/2018/03/example.jpg);

在这种情况下，它将始终处理相对于域/主机的URL。即使您是一个主页或其他页面，结果图像网址也将是 example.com/wp-content/uploads/2018/03/example.jpg。但正如你所说，在你的情况下它并不起作用，你的WordPress网址路径将类似localhost/wordpress/或example.com/wordpress左右。在这种情况下，结果图像URL将是localhost/wp-content/uploads/2018/03/example.jpg，错误的。

background-image无效（将本地转换为本地）

2 个答案: