html图片底部显示,html – 将背景图像保持在底部

我一直在使用一种解决方案来保持图像在底页.我目前得到的代码是：

.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(请不要通过判断,这是一项正在进行的工作,没有什么是真正完成的！).

谢谢您的帮助,

约瑟夫达菲

注意：我相信你可以弄明白,顶部是天空,底部是草和树木.

@H_404_14@

background-position有两个参数,一个x值和一个y值,所以要将它放在底部,你可以使用：background-position：center bottom;.您可以使用它来修复您的第一个示例.

是否有任何理由不能将背景作为正文或html标记的背景？我不认为它是html标签背后的官方允许,但我从未见过它不起作用的浏览器(不管怎样……).

@H_404_14@

@H_404_14@

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！