Question

我正在网站上工作，我有两张背景图片。我希望第一个背景图像不滚动。我希望它保持原位，当图像结束时，应该开始新的背景图像。

我希望第二个背景图片与内容一起滚动，我认为这是背景附件的固定属性。问题是第二个背景图像没有滚动内容。

它只是在内容结束之前的某个时刻停止并在页面底部留下空白区域。我已经尝试了几乎所有的东西，弄乱了背景定位，背景附件和溢出的不同组合，我无法让它工作。

以下是背景图片的代码：

body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background-image: url(bg2.jpg), url(bg3.jpg);
    background-repeat: no-repeat, repeat-x;
    background-position: left top , 1920px 1288px; 
    background-attachment:local, scroll;
    overflow: auto, visible;
    margin: 0;
    padding: 0;
    color: #000;
}

对于背景附件属性，我尝试将第二个图像修复为固定，但它不起作用。

有关我的问题的参考，您可以查看我正在处理的页面here。如您所见，第二张背景图片不会继续显示页面底部的内容。

非常感谢任何帮助。

感谢。

Answer 1

根据我的评论，您会在http://www.css3.info/preview/multiple-backgrounds/

上找到可能的解决方案

CSS3多重背景图片不适用于小于9的IE。

如果你想要一个小提琴，请告诉我。

背景定位和附件

1 个答案: