没有显示在镀铬物的背景图象

Question

我有background-attachment: fixed的背景图片，可以在localhost的所有浏览器中正常使用，但不会在服务器上以chrome显示。

.bg-contact{
  background-image: url(../images/bg-contact.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: scroll;
  background-size: cover;
}

请帮忙

Answer 1

检查背景的文件扩展名，记住大写字母在PC上有所不同JPG和jpg是相同的，但在服务器上那些完全是2张不同的图片。

还包括指向网站的链接或在您遇到问题时添加代码。

-----答案的新想法------

你有：  背景图像：网址（../图像/ BG-contact.jpg）;

1. 使用文件的完整路径

2. 使用Chrome浏览器中的Chrome开发者工具来检查应显示图片的元素，然后检查背景图片的值是否为：

   - 没有划线：那么它应该正常工作，这不是代码问题，而是浏览器问题。

   - 它被交叉：然后你的背景属性不起作用，你可以添加！重要的是为了快速修复它，但你应该找到它背后的原因并尽快修复它。

Answer 2

尝试清除该Chrome上的缓存。

还有一个无关的{可能Chrome很敏感。

更多事情：尝试在('../images/bg-contact.jpg')中添加''，然后在Chrome中查看AdBlock。

Answer 3

变成路径问题，尤其是对于Wordpress。设置

时

background-image: url('bg_1.jpg');

在他的themes/myTheme文件夹中，浏览器正在从http://127.0.0.1:80/wordpress/bg_1.jpg加载 ，而文件实际位于C:\xampp\htdocs\wordpress\wp-content\themes\myTheme 中 这就是为什么应该说：

background-image: url('res/bg_1.jpg'); 

并创建一个新文件夹wordpress/res，其中将存放bg_1.jpg。