整个页面使用背景图

页面背景图属性设置介绍

最新推荐文章于 2024-04-04 12:00:09 发布

原创最新推荐文章于 2024-04-04 12:00:09 发布 · 885 阅读

1 ·

CC 4.0 BY-SA版权

前端同时被 2 个专栏收录

27 篇文章

订阅专栏

CSS布局

10 篇文章

订阅专栏

博客介绍了页面背景图的属性设置，包括可设置背景图像是否固定或随页面其余部分滚动，还能设置页面背景是否随浏览器拉伸而响应改变，这些都属于前端页面背景图的相关设置。

整个页面使用背景图

	  <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%;
可以用来设置页面背景是否随着浏览器拉伸而响应改变