gpt4 book ai didi

css - 在没有额外标记或最小高度的情况下将 css 背景定位在窗口底部

转载 作者:行者123 更新时间:2023-12-02 06:22:53 25 4
gpt4 key购买 nike

是否可以在没有额外元素或最小高度的情况下将背景图像放置在窗口底部?

无论网页有多短,我都试图在窗口底部显示图像,而不是正文。

我的意思是,如果页面长于垂直屏幕分辨率,浏览器允许您滚动到底部,图像将位于底部(页脚背景)。

如果页面很短,可能是屏幕高度的一半,页脚背景会“悬”在半空中。我正在尝试让它停留在窗口的底部。

我试过最小高度,但这需要你设置一个足够大的高度来覆盖访问你网站的人可能会反过来创建大的空白区域,如果你调整浏览器的大小,这些区域仍然存在(或者如果人们的屏幕较小)。

我尝试将页脚背景设置到 body 元素上,但它挂起。将页脚背景设置到 html 元素上只会在底部给我一个白色区域,所以我将它用作页眉背景。

我网站的基本布局是:

<html>
<body>
<div id="header">other elements and header stuff</div>
<div id="main">main content</div>
<div id="footer">other elements and footer stuff</div>
</body>
</html>

最佳答案

我会这样做...

html {
min-height: 100%;
}

body {
background: url(path/to/image.png) no-repeat center bottom;
}

jsFiddle .

关于css - 在没有额外标记或最小高度的情况下将 css 背景定位在窗口底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6242511/

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