Html 背景图像不显示在chrome中

Html 背景图像不显示在chrome中,html,css,Html,Css,我有一个带有背景附件的背景图像: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

我有一个带有
背景附件的背景图像: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;
}

请帮助检查背景文件扩展名,记住大写字母会有所不同,例如在您的PC上JPG和JPG是一样的,但在服务器上,它们是完全不同的两张图片

如果您有问题,还可以添加网站链接或添加网站代码

-----答案的新思路------

你有: 背景图片:url(../images/bg contact.jpg)

  • 使其具有文件的完整路径
  • 使用Chrome浏览器中的Chrome Developer工具检查图片应显示的元素,然后检查背景图像的值是否为:

    -不交叉:那么is应该可以工作,这不是代码的问题,而是浏览器的问题

    -它是交叉的:那么你的背景属性不工作,你可以添加!快速修复对它很重要,但你应该找到它背后的原因并尽快修复它


  • 尝试清除该浏览器上的缓存

    还有一个无关的
    {
    ,Chrome可能对它很敏感


    还有几件事:试着像在
    ('../images/bg contact.jpg')
    中那样添加'',并检查Chrome中的AdBlock。

    变成了路径问题,特别是对于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将驻留其中。

    你认为我们应该如何回答这个问题?基于假设!!请阅读。@ankitbug94很抱歉,我最初没有添加代码片段,我使用的是他们的应用程序,它没有功能。它已检查,一切都是完好的,这不是原因,因为我已经在几台设备上试用过了。不管怎样,我都试过了,但仍然不起作用。事实上,它在所有设备上都起作用,但这就是为什么它可能是浏览器上的缓存。就你使用chromeSorry而言,它在任何设备上都不起作用。这是一个打字错误