方法一:使用background-size属性
body{ background: url(bg.jpg) no-repeat center center fixed; background-size: cover; }
其中,bg.jpg是你想要设置的图片文件名。background-size属性设置为cover时,背景图会自动缩放至铺满整个屏幕。
方法二:使用CSS3的vh和vw单位
body{ background-image:url(bg.jpg); background-size:100vw 100vh; background-attachment:fixed; }
vh和vw分别代表视口的高度和宽度,100vw和100vh就等于整个视口的高度和宽度,因此设置背景图尺寸为100vw 100vh即可实现全屏展示。background-attachment属性设置为fixed可以让背景图保持在视口中不随滚动条滚动。