页面内容滚动时静态/固定背景图像?

时间:2011-11-13 04:45:05

标签: html css

我正在尝试按照位于here的指南了解情况:(。

这是我的JsFiddle的链接:http://jsfiddle.net/gF7Af/1/

背景;我正在尝试使背景图像保持在相同的位置,而只有#container的嵌套内容滚动,以便始终显示背景图像,并且当没有任何白色空间(边缘)时嵌套在#container中的内容的组合高度大于#container's

非常感谢任何帮助!

谢谢!

2 个答案:

答案 0 :(得分:3)

background-attachment代替background-position像这样:

body {
    width: 1000px;
    background: url(http://www.tropicalparadise.net/images/dest/mauritius1.jpg) top right no-repeat;
    background-attachment: fixed;
}

选中此http://jsfiddle.net/gF7Af/3/

答案 1 :(得分:2)

试试这个http://jsfiddle.net/gF7Af/2/

我将'固定'移动到bg声明中,它似乎对我有效。