Html 主体标签的背景图像不可见
它确实显示背景色和顶部div标记,但背景图像在上方不可见。我对html和css还不太熟悉,所以请解释一下 这是我的html和css代码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
正文{
背景图像: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)无重复代码>你能告诉我如何将背景图像调整到屏幕上吗?将背景图像调整到屏幕上是什么意思?就像它覆盖了整个浏览器屏幕一样?只需将背景图像替换为背景他也可以使用背景颜色,只需使用背景属性即可