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。
谢谢你的帮助。
好的,所以我正在制作一个网站,该网站有一个大背景图像,顶部有一些文字。我之前只使用了一个 <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。
谢谢你的帮助。