Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.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,它确实显示背景色和顶部div标记,但背景图像在上方不可见。我对html和css还不太熟悉,所以请解释一下 这是我的html和css代码 正文{ 背景图像:url(“https://i.giphy.com/media/H75Lo6V4M5pWrDo8mZ/giphy.webp)无重复; 背景色:亚麻布; 填充:0; 保证金:0; } 思路 M F html{ } 身体{ 背景:url(“https://i.giphy.com/media/H75Lo6V4M5pWrDo8mZ/giphy.w

它确实显示背景色和顶部div标记,但背景图像在上方不可见。我对html和css还不太熟悉,所以请解释一下

这是我的html和css代码

正文{
背景图像:url(“https://i.giphy.com/media/H75Lo6V4M5pWrDo8mZ/giphy.webp)无重复;
背景色:亚麻布;
填充:0;
保证金:0;
}

思路
M
F

html{
}
身体{
背景:url(“https://i.giphy.com/media/H75Lo6V4M5pWrDo8mZ/giphy.webp)无重复;
背景色:亚麻布;
填充:0;
保证金:0;
}
.顶{
背景色:黑色;
溢出:隐藏;
颜色:白色;
边框:实心5px黑色;
边界半径:0 0 25px 25px;
填充:0 25px 0 25px
}

思路
M
F

您可以尝试使用

background-size: cover;
这将拉伸图像以覆盖页面,但由于gif的分辨率与屏幕有很大不同,因此看起来有点奇怪


同样,不重复是原因,它根本没有表现出来。如果没有它,它将显示,但会彼此相邻几次。

因为背景颜色会覆盖背景图像,请尝试以下操作:
background:lineurl(“https://i.giphy.com/media/H75Lo6V4M5pWrDo8mZ/giphy.webp)无重复你能告诉我如何将背景图像调整到屏幕上吗?将背景图像调整到屏幕上是什么意思?就像它覆盖了整个浏览器屏幕一样?只需将背景图像替换为背景他也可以使用背景颜色,只需使用背景属性即可