CSS背景圖填充全屏是網(wǎng)頁設(shè)計(jì)中常見的一種效果。下面是一些實(shí)現(xiàn)該效果的方法。

1. 使用background-size屬性

body {
background-image: url('bg.jpg');
background-size: cover; /*或者是：background-size: 100% 100%;*/
}

該方法使用background-size屬性的cover值或者用100% 100%作為值，可以使背景圖片填充整個(gè)屏幕。但是，如果背景圖片的寬高比不同于屏幕的寬高比，圖片就會(huì)被拉伸或者壓縮變形，從而導(dǎo)致效果不佳。

2. 使用background-attachment屬性

body {
background-image: url('bg.jpg');
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover; /*或者是：background-size: 100% 100%;*/
}

該方法使用background-attachment屬性，可以讓背景圖片固定在屏幕上方，使得滾動(dòng)頁面時(shí)整個(gè)頁面都是以背景圖作為背景。但是，由于圖片是固定在屏幕上方的，當(dāng)屏幕太小或者圖片太大時(shí)，可能導(dǎo)致圖片無法完全顯示。

3. 使用絕對(duì)定位和z-index屬性

body {
position: relative;
width: 100%;
height: 100%;
}
#bg {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background-image: url('bg.jpg');
background-size: cover;
background-repeat: no-repeat;
}

該方法使用絕對(duì)定位和z-index屬性來實(shí)現(xiàn)背景圖填充全屏。首先，父元素需要設(shè)置寬高為100%，然后背景圖需要被設(shè)置成一個(gè)絕對(duì)定位的子元素，并且z-index屬性需要設(shè)置成一個(gè)負(fù)值，來將背景圖放置在內(nèi)容的下面。此時(shí)，背景圖就能填充整個(gè)屏幕了。

以上是幾種常見的實(shí)現(xiàn)CSS背景圖填充全屏的方法。根據(jù)實(shí)際需求和圖片大小、比例等因素，需要選擇合適的方法。