Css 背景图像不工作
htmlCss 背景图像不工作,css,background-image,Css,Background Image,html <div id="home"></div> 我上面的代码不起作用。我检查了文件夹“img”与我的index.html的位置是否相同。您的没有内容,也没有尺寸(宽度/高度) 此外,请检查路径。我会从根开始,从那里开始建造。i、 e./img/me.jpg您需要给元素一个宽度和高度。此外,源路径可能已关闭。还应添加以下内容以控制背景图像的显示方式。下面将显示视口高度100%和宽度100%的图像。基本上是全屏的 HTML 可能重复的 #home{background
<div id="home"></div>
我上面的代码不起作用。我检查了文件夹“img”与我的index.html的位置是否相同。您的
没有内容,也没有尺寸(宽度/高度)
此外,请检查路径。我会从根开始,从那里开始建造。i、 e.
/img/me.jpg
您需要给元素一个宽度和高度。此外,源路径可能已关闭。还应添加以下内容以控制背景图像的显示方式。下面将显示视口高度100%和宽度100%的图像。基本上是全屏的
HTML
可能重复的
#home{background-image:url("img/me.jpg");}
<div id="home"></div>
#home {
height: 100vh;
width: 100%;
background:url('../img/me.jpg') no-repeat;
background-position: center;
background-size: cover;
}