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可能对它很敏感
还有几件事:试着像在
('../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而言,它在任何设备上都不起作用。这是一个打字错误