css使其背景固定

最新推荐文章于 2024-08-28 09:53:19 发布

学习君ZXB

最新推荐文章于 2024-08-28 09:53:19 发布

阅读量518

点赞数

分类专栏： HTML+CSS 文章标签： css

本文链接：https://blog.csdn.net/darkZXB/article/details/78253556

版权

HTML+CSS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <style type="text/css">
           body {
                   background-image: url(images/huarun3.jpg);
                   background-repeat: no-repeat;
                   font-family: "宋体";
                   font-size: 12px;
                   line-height: normal;
                   font-weight: normal;
                   color: #FFFFFF;
                   background-attachment: fixed;
                   }
               .box{
                   height:2000px;
                   width: 100%;
               }
       </style>
   </head>
   <body style="background-attachment: fixed">
       <div class="box" ></div>
   </body>

</html>

background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。

该属性有三个值：

scroll	默认值。背景图像会随着页面其余部分的滚动而移动。
fixed	当页面的其余部分滚动时，背景图像不会移动。
inherit	规定应该从父元素继承 background-attachment 属性的设置。

注意：任何版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。