css背景图自适应全屏显示

2024-09-20 12:08:22

前几天我在写一个前端页面的时候，需要用到全屏背景图，但是怎么写都不行（要么不全屏，要么不兼容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

最新文章

热门文章