在網頁設計中，背景圖是一種重要的元素，可以起到美化頁面的作用。而對于一些需要全屏背景圖的網站來說，如何讓背景圖占滿整個屏幕是一個需要解決的問題。本文將介紹一些使用css實現背景圖占滿全屏的方法。

/* 方法一：使用background-size */ 
body {
background-image: url("bg-image.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
/* 方法二：使用vh和vw */ 
body {
background-image: url("bg-image.jpg");
background-size: 100vw 100vh;
background-repeat: no-repeat;
background-position: center center;
}
/* 方法三：使用絕對定位 */ 
body {
background-image: url("bg-image.jpg");
background-repeat: no-repeat;
background-position: center center;
position: relative;
}
/* 設置content容器的位置，使其占滿全屏 */
.content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}

以上三種方法均可以實現背景圖占滿全屏的效果，具體選擇哪種方法可以根據實際需求來決定。需要注意的是，使用背景圖占滿全屏時，圖片的大小和分辨率也會影響效果，建議使用高分辨率的圖片來達到更加清晰美觀的效果。