整个页面使用背景图
<style>
body{
background-image:url("../BTU.png");
background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed;
}
</style>
background-attachment
属性设置背景图像是否固定或者随着页面的其余部分滚动。
值 | 描述 |
---|---|
scroll | 默认值。背景图像会随着页面其余部分的滚动而移动。 |
fixed | 当页面的其余部分滚动时,背景图像不会移动。 |
inherit | 规定应该从父元素继承 background-attachment 属性的设置。 |
background-size:100% 100%;
可以用来设置页面背景是否随着浏览器拉伸而响应改变