我有一个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/

10-13 09:10