在網頁布局中，常會使用CSS背景圖來裝飾頁面，但有時候背景圖會將文字覆蓋住，影響閱讀。這時候怎么辦呢？下面為大家介紹幾種解決方法。

第一種方法是通過設置背景圖的位置，使其不與文字重疊。具體做法是添加以下CSS代碼：

.background {
background-image: url(bg.jpg);
background-position: right top; /* 或者其他不與文字重疊的位置 */
}

將“background-position”屬性的值改為不與文字重疊的位置，就可以避免文字被覆蓋。

第二種方法是通過設置背景圖的透明度，將其變得半透明，使得文字可以透過背景圖看到。具體做法是添加以下CSS代碼：

.background {
background-image: url(bg.jpg);
opacity: 0.5; /* 或者其他值 */
}

將“opacity”屬性的值改為0到1之間的數值，數值越小背景圖越透明，就可以讓文字透過背景圖顯示。

第三種方法是通過設置背景圖的大小，將其縮小，使得文字可以在背景圖的空白區域顯示。具體做法是添加以下CSS代碼：

.background {
background-image: url(bg.jpg);
background-size: 50%; /* 或者其他值 */
}

將“background-size”屬性的值改為0到100%之間的數值，數值越小背景圖越小，就可以讓文字在背景圖的空白區域顯示。

總的來說，避免CSS背景圖覆蓋文字的方法有很多種，根據具體情況選擇合適的方法即可。