网页背景图片固定

学习

发布日期: 2021-04-21

更新日期: 2023-11-21

文章字数: 94

阅读时长: 1 分

阅读次数:

网页背景固定，不随滚动条滚动。

<div id="bj"><img src="img/xx.jpg" /></div>
<p>多写点文字测试...</p>
...
<p>多写点文字测试...</p>

body{
   background-image:url(../img/xx.jpg);
   background-position:center; 
   background-repeat:no-repeat; 
     }
 div#bj{
   position:fixed;
   top:0;
   left:0;
   bottom:0;
   right:0;
   z-index:-1;
     }
 div#bj > img{
   height:100%;
   width:100%;
   border:0;
     }