很多初學者在寫 CSS 時，經常會遇到背景設置了卻看不到的情況。這種情況大部分是因為設置的背景沒有被鋪滿，導致無法顯示。下面我們就來分析一下常見的問題及其解決方法。

/* 1. 背景圖片路徑錯誤 */
.background {
background-image: url("background.jpg");
/* 注意這里引號里的路徑要填寫正確 */
}
/* 2. 背景沒有被鋪滿 */
.background {
background-image: url("background.jpg");
background-size: cover;
/* 這里可以用 contain 或 100% 代替 cover */
}
/* 3. 背景被其他元素遮擋 */
.wrapper {
position: relative;
}
.background {
position: absolute;
z-index: -1;
/* 這里要注意 z-index 要比其他元素小 */
}
/* 4. 背景顏色被其他元素遮擋 */
.background {
background-color: #fff;
opacity: 0.5;
/* 這里要設置透明度，或者使用 rgba() 或 hsla() */
}
/* 5. 背景被瀏覽器的默認樣式覆蓋 */
html, body {
margin: 0;
padding: 0;
}
.background {
background-image: url("background.jpg");
/* 這里要把 body 的高度設置為 100% */
height: 100%;
}

通過以上這些解決方案，相信大家在設置背景時就能避免遇到這些問題，讓網站的背景能夠完美的呈現出來。