css实现背景全屏显示

本文最后修改于 649 天前,部分内容可能已经过时!

时间:2019.1.4

类型:css

功能:实现图片的全屏显示,不随网页移动

关键代码:

#bingImg {    
        background-image: url(https://api.zqcnc.cn/bing.php);        //该url为必应每日壁纸接口
       position:fixed;    
      top:0;    
        left:0;    
        width:100%;    
        height:100%;    
        z-index:-999;    
        background-repeat:no-repeat;    
        background-size:cover;    
        -webkit-background-size:cover;    
        -o-background-size:cover;    
        background-position:center 0;    
}
<div id="bingImg">

效果演示:看效果图

注意事项:

合理利用即可

Tags:none
上一篇
打赏
下一篇

添加新评论