gpt4 book ai didi

CSS 背景图片无法缩放

转载 作者:行者123 更新时间:2023-11-28 17:11:10 24 4
gpt4 key购买 nike

我正在努力学习 html 和 css。现在我正在尝试使背景图像填充浏览器窗口,无论其大小如何。我用谷歌搜索了 100 次,每一页几乎都说同样的话。所以我复制了代码,但它对我不起作用。当我将浏览器设置为较小尺寸时,背景图像会重复出现。我不想要我只是想让它填满窗口。这是我的 CSS。

html {
background-image:url(background.jpg);
background-size: 100%;
background-image: no-repeat-y; }

在我做到 100% 之前,我尝试使用封面来代替,但也没有用。当窗口最大化时,图像是全屏的,但当我调整它的大小时,图像会重复。

最佳答案

使用 background-size cover 将完成这项工作:

html { 
background: url(background.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

关于CSS 背景图片无法缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29180399/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com