css背景图自适应全屏显示

  • 前几天我在写一个前端页面的时候,需要用到全屏背景图,但是怎么写都不行(要么不全屏,要么不兼容Bootstrap的响应式布局)。对,是我腊鸡
    后来我在网上找的时候找到一个大神写的笔记,参(照)考(抄)之后完美显示,依照大神所说还“不失真”(虽然我不管失不失真)。

笔记如下:

body{
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    background: url(../img/bg.jpg)  no-repeat center 0px;
    background-size: cover;
 
    
 
     background-position: center 0; 
     background-repeat: no-repeat;  
     background-attachment: fixed; 
      -webkit-background-size: cover;  
      -o-background-size: cover;  
      -moz-background-size: cover;  
      -ms-background-size: cover;
    
}

感谢大佬:
生于忧患,死于安乐2017 https://blog.csdn.net/qq_41325698/article/details/84190747

猜你喜欢

转载自www.cnblogs.com/dylan1iu/p/12078263.html
今日推荐