CSS 实现background-image背景图片全屏铺满自适应

1. .container {
   
2.     height: 100%;
   
3.     {#background-image: linear-gradient(to top, #fbc2eb, #a6c1ee);#}
   
4.     background-image: url("/static/img/index_bg.jpg");
   
5.         /* 背景图垂直、水平均居中 */
   
6.     background-position: center center;
   
7.     /* 背景图不平铺 */
   
8.     background-repeat: no-repeat;
   
9.     /* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */
   
10.     background-attachment: fixed;
    
11.     /* 让背景图基于容器大小伸缩 */
    
12.     background-size: cover;
    
13.     /* 设置背景颜色，背景图加载过程中会显示背景色 */
    
14.     background-color: #464646;
    
15. }

复制代码