gpt4 book ai didi

html - 图像不粘在页面底部

转载 作者:太空宇宙 更新时间:2023-11-04 13:43:08 26 4
gpt4 key购买 nike

我得到了 this design我正在尝试申请 my website .请注意 <html>元素有一个背景图片(手举在空中),贴在页面底部。

但是,当我将 css 文件迁移到我的应用程序时,出于某种原因,该图像出现在页面的中间位置。我检查了相关的 CSS,在这两种情况下都是:

html {
background-attachment: fixed;
background-clip: border-box;
background-color: transparent;
background-image: url("../../img/bg.svg");
background-origin: padding-box;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
outline: 0 none !important;
}

那么为什么图像会粘在页面底部here , 但出现在页面的中间 here .

最佳答案

您为 htmlbody 设置了 height: 100%。通常这样做是为了能够拥有全高元素。但在这种情况下,这被证明是问题的原因。删除它可以解决问题。

检查 Firebug 或 Chrome Inspector,您会看到如下内容:

html, body {
height: 100%;
}

删除它。或者从您的样式表中覆盖它。

关于html - 图像不粘在页面底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13661616/

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