在編寫網頁時，我們經常會使用CSS來為頁面添加樣式和布局。其中，背景顏色是經常被使用的一個屬性。然而，在設置背景顏色時，我們可能會遇到一種情況：背景顏色把文本遮住了，導致無法看清。

怎樣避免這個問題呢？我們可以使用CSS中的opacity屬性，把背景顏色的透明度調低，這樣就不會完全遮住文字了。例如：

background-color: rgba(255, 255, 255, 0.5);

在以上例子中，rgba總共有四個參數，分別代表紅、綠、藍和透明度。透明度的值為0.5，表示半透明。

還有一種方法可以避免背景顏色遮住文字，那就是使用CSS中的mix-blend-mode屬性。這個屬性可以讓背景和文本混合在一起，達到更好的視覺效果。例如：

mix-blend-mode: multiply;

在以上例子中，multiply是mix-blend-mode屬性的一個值，表示基于顏色值相乘來混合背景和文本。

總之，要避免背景顏色遮住文字，我們可以使用透明度或者mix-blend-mode屬性。這樣，不論頁面的背景顏色有多亮眼，也不會影響我們瀏覽文本內容了。