Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html css中的背景图像无法正常工作_Html_Css - Fatal编程技术网

Html css中的背景图像无法正常工作

Html css中的背景图像无法正常工作,html,css,Html,Css,我的CSS背景有问题 这是我的代码: 正文{ 背景:url(“../img/bg.jpg”)无重复固定; 背景尺寸:封面; } 如果我删除了-image,背景会正常工作,但是如果我放置了-image并删除了它,它会正常工作 有人能帮我吗?换一些CSS body{ background: url("../img/bg.jpg") no-repeat ; background-size: cover; background-attachment: fixed; } 使用后

我的CSS背景有问题

这是我的代码:

正文{
背景:url(“../img/bg.jpg”)无重复固定;
背景尺寸:封面;
}
如果我删除了-image,背景会正常工作,但是如果我放置了-image并删除了它,它会正常工作


有人能帮我吗?

换一些
CSS

body{
    background: url("../img/bg.jpg") no-repeat ;
    background-size: cover;
    background-attachment: fixed;
}

使用
后台附件:固定而不是
已修复

正文{
背景图像:url(“https://material.angular.io/assets/img/examples/shiba1.jpg");
背景重复:无重复;
背景附件:固定;
}
背景图像是固定的。尝试向下滚动页面

背景图像是固定的。尝试向下滚动页面

背景图像是固定的。尝试向下滚动页面

背景图像是固定的。尝试向下滚动页面

背景图像是固定的。尝试向下滚动页面

背景图像是固定的。尝试向下滚动页面

背景图像是固定的。尝试向下滚动页面

背景图像是固定的。尝试向下滚动页面

背景图像是固定的。尝试向下滚动页面

背景图像是固定的。尝试向下滚动页面

背景图像是固定的。尝试向下滚动页面

背景图像是固定的。尝试向下滚动页面

背景图像是固定的。尝试向下滚动页面

背景图像是固定的。尝试向下滚动页面

背景图像是固定的。尝试向下滚动页面

背景图像是固定的。尝试向下滚动页面

背景图像是固定的。尝试向下滚动页面

背景图像是固定的。尝试向下滚动页面

背景图像是固定的。尝试向下滚动页面

背景图像是固定的。尝试向下滚动页面

背景图像是固定的。尝试向下滚动页面

背景图像是固定的。尝试向下滚动页面

背景图像是固定的。尝试向下滚动页面


如果看不到任何滚动条,请尝试调整浏览器窗口的大小。

属性
背景图像
不接受多个值,它只接受
url(“../img/bg.jpg”)
作为值。如果要分配多个值,应将其分配给
background
属性。要分离所有背景属性,可以尝试以下代码

body {
    background-image: url("../img/bg.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
background:#ffff url(图像)无重复左上角
实际上是

background-color: #fff;
background-image: url(image);
background-repeat: no-repeat;
background-position: top left;
background size
属性设置为
cover
会使
background repeat
过时。 如果设置
背景图像:url(../img/bg.jpg”)
,则会使
不再重复。
fixed
在那里实际上什么都不做

正如Zuber所建议的那样,只需编写长文属性即可

body {
  background-image: url("../img/bg.jpg");
  background-attachment: fixed;
  background-size: cover;
}

使用
后台附件:固定而不是
修复了
谢谢,现在开始工作了!所以请记住我的答案,希望这能派上用场:它是速记,所以你可以包含多个背景属性。仅允许您声明背景图像的url这是我的回答为什么要这样做?例如。。。。在我看到他告诉我这对他有帮助之前我就这么做了,所以我想现在这对他有帮助,所以投票给我是公平的。。。告诉我我是否工作!!此
background:url(“../img/bg.jpg”)无重复固定
等于
background:url(“../img/bg.jpg”);背景重复:无重复;背景附件:固定。发生了什么变化?你说得对…:|