HTML CSS 背景图像 属性 根本不起作用

HTML CSS background-image property does not work at all

好的,所以我正在制作一个网站,该网站有一个大背景图像,顶部有一些文字。我之前只使用了一个 <img> 标签,但在移动设备上缩放得非常厉害,整个图像仍然存在,但只是移到屏幕的右侧。

为了解决这个问题,我找到了 w3schools (https://www.w3schools.com/howto/howto_css_full_page.asp) 的教程,其中显示您可以将背景设置为图像。我试过 css 并将其放在 <div> 上,但我无法让图像真正显示出来。

这是我的 css,应该显示图像。

background-image: url("home background image.png");
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
align-content: center;

我已将图片移至站点的根文件夹中,但仍然无法使用。

谢谢

这些属性是当您在元素上使用 background: url('path_of_our_image); 时(例如 div 而不是 img)。

好的,我找到了解决方案!图片设置得非常小,被我网站的导航栏覆盖了。

我的解决方案是将高度从 100% 更改为 55vw。

谢谢你的帮助。