CSS层叠样式表背景图片附着属性
我想让图片固定不动。图片随着页面滚动，并且总是在页面的顶部，如何实现这些？
我想让在html页面中的背景图片总是在相同的位置?
解释
属性
:
背景附件用法:
background-attachment: scroll; background-attachment: fixed; 定义:
这个标记是用来设置背景图片的附着属性。无论是随着页面滚动，还是固定的。
可以把这个属性设置成以下的值。
a)scroll : 图片随着页面滚动
b)fixed :图片不会随着页面滚动。 图片是固定的。页面的内容会滚动，图片不会滚动。
示例:
<body style="background-image: url('test3.jpg'); background-repeat: no-repeat; background-position: center; background-attachment: scroll;"> 颜色名称 <br><br><br></body>
<body style="background-image: url('test3.jpg'); background-repeat: no-repeat; background-position: center; background-attachment: fixed;"> 颜色名称 <br><br><br></body>
结果:
滚动图片:
这是默认的格式。
固定图片:
显示在
这一页图片是固定的。
这样我们就可以得到不移动/固定不动的背景图片。