gav*_*siu 2 css background positioning
是否可以在窗口底部放置背景图像而无需额外的元素或最小高度？
无论网页有多短,我都试图在窗口底部拍摄图像,而不是在身体上.
我的意思是,如果页面长于垂直屏幕分辨率,浏览器允许您滚动到底部,图像将位于底部(页脚背景).
如果页面非常短,可能是屏幕高度的一半,则页脚背景将在半空中"悬挂".我试图让它停留在窗口的底部.
我已尝试过最小高度,但这要求你设置一个足够大的高度,以覆盖访问你网站的人可能反过来创建大空区域的最大分辨率,如果你调整浏览器的大小(或者如果你人们有较小的屏幕).
我尝试将页脚背景设置到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>
ale*_*lex 12
我这样做......
html {
min-height: 100%;
}
body {
background: url(path/to/image.png) no-repeat center bottom;
}
| 归档时间： |
|
| 查看次数： |
14692 次 |
| 最近记录： |