css - Chrome 和 Safari 中的页面背景图片

Question

我有一个 HTML 页面，我正在使用 CSS 属性向其应用背景图像。

问题是，我希望这个背景图片出现在相对较长页面的底部，即将页面滚动到底部以查看背景图片。

我应用了以下内容:

body {
    background: url("images/bg_homepage.png") no-repeat scroll right bottom transparent;
}

这适用于 Firefox 和 Internet Explorer，但不适用于 Chrome 和 Safari 浏览器。 Chrome 和 Safari 需要将 background-attachment 属性设置为“固定”，但这正是我不想要的。

请指导。

谢谢

Answer 1

如果你不想在你的 body 里，你可以创建一个 div 和 id bg 例如:)

然后做这样的事情

#bg {
    background: url("/bg.gif") no-repeat scroll left bottom #FFFFFF;
    bottom: 100px;
    height: 396px;
    position: fixed;
    width: 288px;
    z-index: -1;
}

如果你不想在页面的任何地方使用 fixed ，它在主流浏览器中不起作用:(