我一直在使用一种解决方案来保持图像在底页.我目前得到的代码是:
.footer {
background-image: url('images/footer.png');
background-repeat: repeat-x;
position: absolute;
height: 950px;
width: 100%;
z-index: -101;
bottom: 0;
}
但是,这有问题.我的目标是坚持底部的背景并显示在其他所有背后(因此低z-index).我有顶部的下面的代码(有一个中间,这只是块颜色,只是添加到正文):
.background {
position: absolute;
top: 0;
width: 100%;
height: 600px;
background-image: url('images/sky.png');
background-position: center;
background-repeat: repeat-x;
z-index: -100;
}
请注意:第一部分不起作用(它不在底部),但第二部分不起作用(它位于顶部).
如果您想访问该网站,请随时访问:www.duffydesigns.co.uk/brough(请不要通过判断,这是一项正在进行的工作,没有什么是真正完成的!).
谢谢您的帮助,
约瑟夫达菲
注意:我相信你可以弄明白,顶部是天空,底部是草和树木.