我现在正在一个网站上工作,我有两个背景图像。我希望第一个背景图像不滚动。我希望它保持在原位,当图像结束时,应该开始一个新的背景图像。
我希望第二个背景图像与内容一起滚动,我相信这是背景附件的固定属性。问题是第二个背景图像没有随内容滚动。
它只是在内容结束前的某个时间点停止,并在页面底部留下空白。我已经尝试了几乎所有东西,弄乱了背景定位、背景附件和溢出的不同组合,但我无法让它工作。
下面是背景图像的代码:
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;
}
对于背景附件属性,我尝试将第二张图像固定为固定图像,但它不起作用。
有关我的问题是什么的参考,您可以在此处查看我正在处理的页面。如您所见,第二个背景图像不会继续显示页面底部的内容。
任何帮助将不胜感激。
谢谢。
根据我的评论,您会在 http://www.css3.info/preview/multiple-backgrounds/上找到可能的解决方案
CSS3 多背景图像不适用于小于 9 的 IE。
如果你想要一个小提琴,请告诉我。