Bootstrap CSS 背景图自适应全屏显示不失真亲测有效（2019.10.16）

刺骨的言语ヽ痛彻心扉 2024-02-19 13:29 6阅读 0赞

效果图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzI1Njk4_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzI1Njk4_size_16_color_FFFFFF_t_70 1][]

csdn 上传图片 就这样，谅解，哪位大佬有解决的办法，评论留言

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzI1Njk4_size_16_color_FFFFFF_t_70 2][]

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;
    	
    }

另外附高清图片 网址：[http://www.netbian.com/e/sch/index.php?page=1&keyboard=风景&totalnum=3556][http_www.netbian.com_e_sch_index.php_page_1_keyboard_totalnum_3556]

[https://10wallpaper.com/list/10wallpaper-com\_February\_2019\_Desktop\_Album.html][https_10wallpaper.com_list_10wallpaper-com_February_2019_Desktop_Album.html]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzI1Njk4_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/74df29cc8719444987c5cc3cefc720bc.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzI1Njk4_size_16_color_FFFFFF_t_70 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/790ea33f36db44ed8ce17c64b0811043.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzI1Njk4_size_16_color_FFFFFF_t_70 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/44d019122ecb41c88d278f8cc5640189.png
[http_www.netbian.com_e_sch_index.php_page_1_keyboard_totalnum_3556]: http://www.netbian.com/e/sch/index.php?page=1&keyboard=%E9%A3%8E%E6%99%AF&totalnum=3556
[https_10wallpaper.com_list_10wallpaper-com_February_2019_Desktop_Album.html]: https://10wallpaper.com/list/10wallpaper-com_February_2019_Desktop_Album.html