Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.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 如何使图片覆盖整个屏幕_Html_Css_Image - Fatal编程技术网

Html 如何使图片覆盖整个屏幕

Html 如何使图片覆盖整个屏幕,html,css,image,Html,Css,Image,我想让一张图片覆盖整个屏幕。我遗漏了什么?我打错了什么?我需要一切吗 HTML 如果您试图将此图像设置为整个页面的背景图像,可以在body元素上进行如下设置: body { background-image: url("Universet.jpg"); } 根据图像大小,您可能需要额外的样式以使其符合您的喜好。??没有背景图像,100%高度的计算依据是什么?回答/修复都会给出它不起作用的线索;然后图片在页面上重复。我只想让它显示一次,这样当我向下滚动backgroundcolor时,就会

我想让一张图片覆盖整个屏幕。我遗漏了什么?我打错了什么?我需要一切吗

HTML


如果您试图将此图像设置为整个页面的背景图像,可以在body元素上进行如下设置:

body {
   background-image: url("Universet.jpg");
}

根据图像大小,您可能需要额外的样式以使其符合您的喜好。

??没有背景图像,100%高度的计算依据是什么?回答/修复都会给出它不起作用的线索;然后图片在页面上重复。我只想让它显示一次,这样当我向下滚动backgroundcolor时,就会显示:使用原始代码的某些部分,如background repeat:no repeat;还有你的背景色,应该能帮你解决这个问题。同样,无论你想不想让它在中间,你都需要修正你的位置,但是你的原始代码应该会有帮助。哇!我很高兴:D
#universet { 

    height: 100%; 

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}
body {
   background-image: url("Universet.jpg");
}