我有一个2000x2000像素的图像,该图像在我的网站上设置为背景图像(作为<body>
的背景图像),但是我需要将此图像在网页底部对齐。我该如何实现?
我的CSS是:
html, body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
html {
overflow-y: scroll;
}
body {
background: url('../images/pozadie.jpg') left bottom repeat-x;
}
当背景图像高于屏幕高度时,This answer不起作用...
最佳答案
请尝试这个。
html, body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
html {
overflow-y: scroll;
}
body {
background: url('../images/pozadie.jpg') repeat-x 0 0;
position:fixed;
bottom:0;
}
关于css - 当背景图片高于屏幕高度时,如何在网站底部对齐背景图片?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30593538/