WAMP本地主机提供的移动浏览器中未显示行背景图像

时间:2017-08-14 作者:Bravo Foxtrot

我正在本地主机上使用wampserver开发一个网站,并尝试在本地网络上的移动设备上查看我的网站。

我在中更改了主页和网站URLSettings > General 从…起

http://localhost/site/wordpress

http://ip/site/wordpress

我还使用velvet blues URL插件将我的图像等从本地主机更新到我的ip。

除主页背景行图像外,我网站上的所有图像都将显示在手机上。我在chrome开发者工具中检查了URL,URL路径与显示的图像相同。我不知道该怎么办。

任何帮助都会很好。

2 个回复
SO网友:Johansson

在CSS文件中使用相对路径时,它们的行为会有所不同。行为仍然是一样的,路径仍然是相对的,但对人类来说,这可能会令人困惑。

当您将这样的路径用于图像时:

<img src="/path/image.jpg"/>
浏览器将查看path 文件夹,位于当前网站的根目录下。但当您在CSS中使用相同的值时:

background-image: url( \'/path/image.jpg\' );
故事是不同的。浏览器将查看path 文件夹,基于样式表的位置,而不是当前URL。因此,如果样式表位于:

www.example.com/wp-content/themes/twentyseven/
然后浏览器将查找:

www.example.com/wp-content/themes/twentyseven/path/image.jpg
这是不存在的。因此,构建相对于样式表路径的CSS路径非常重要。

要进一步了解,请查看here.

SO网友:Bravo Foxtrot

问题不在于img src或背景图像url,而在于Apache和防火墙。我仍然不知道为什么,但当我更改http时。虚拟主机。配置文件并刷新wamp服务器,然后关闭wamp的防火墙设置,可以查看图像。如果我换了防火墙,然后换了Apache,图像就看不见了。

结束

相关推荐

Duplicate images in wordpress

我在我的网站上使用wordpress,但“博客”部分(这里称为新闻和事件)有问题。为什么第一张图片会被复制-http://www.fiumanofineart.com/news-events/我试过修复它,但我不能。。。任何帮助都会很好,谢谢