CSS如何讓背景圖全屏？這是很多前端開發者常常遇到的問題。下面將介紹兩種常用方法。 方法1：使用background-size屬性 在CSS中，可以使用background-size屬性來設置背景圖的大小。值為"cover"并配合"100% 100%"（把背景圖拉伸到整個屏幕）可以讓背景圖全屏。 下面是一個例子： ``` pre { background-image: url('bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; height: 100%; } ``` 上述代碼首先將背景圖指定為bg.jpg，然后設置了background-size為cover，這樣就把背景圖拉伸到整個屏幕。同時，加上background-repeat: no-repeat;和background-position: center center;可以讓背景圖不重復并居中顯示，最后設置高度為100%，這樣就可以讓背景圖鋪滿整個屏幕了。 方法2：使用CSS3的background-size和background-attachment屬性 CSS3中，可以使用background-size和background-attachment屬性，這樣可以方便地實現背景圖全屏，并且性能更好。 下面是一個例子： ``` pre { background-image: url('bg.jpg'); background-size: cover; background-attachment: fixed; } ``` 上述代碼中，設置background-size為cover，可以讓背景圖拉伸到整個屏幕。而background-attachment屬性設置為fixed，可以讓背景圖固定在屏幕上，這樣當頁面滾動時，背景圖仍然保持不變。 總結 以上介紹了兩種方法來實現CSS背景圖全屏。選擇哪種方法需要根據具體情況來決定，大多數情況下我們建議使用第一種方法，因為性能更好。如果背景圖比較大，建議采用第二種方法。