在CSS中，可以通過background-image屬性來設(shè)置背景圖像。但是，有時(shí)候，背景圖會(huì)把文字覆蓋，這時(shí)候我們?cè)撊绾尾僮髂兀?/p>

background-image: url('image.png');
background-repeat: no-repeat;
background-size: cover;
text-indent: -9999px;

為了避免文字被背景圖覆蓋，我們需要加上text-indent屬性， 把文字縮進(jìn)到屏幕外，使其不可見，以達(dá)到覆蓋問題的解決。

除了text-indent以外，我們還可以使用其他方式來達(dá)到遮蓋問題的解決：

background-image: url('image.png');
background-repeat: no-repeat;
background-size: cover;
color: transparent;
text-shadow: 0 0 0 #000;

這個(gè)方法是通過color屬性和text-shadow屬性來實(shí)現(xiàn)的。 我們將顏色設(shè)置為transparent透明，然后使用text-shadow屬性添加“虛擬陰影”， 使文字被陰影遮蓋，以達(dá)到遮蓋背景圖的效果。

除了上述兩種方法，我們還可以使用z-index屬性，請(qǐng)注意，這個(gè)方法只適用于一些特殊情況。

background-image: url('image.png');
z-index: -1;

這種方法是通過z-index屬性調(diào)整布局中的疊放順序，將背景圖移到最下層，將文字移到最上層， 如果我們想要把文字置于背景圖之下，可以給背景圖的z-index屬性加上負(fù)值。

綜上所述，遇到背景圖覆蓋文字的問題，我們可以采用多種方式來解決，選擇哪種方法可以根據(jù)具體的情況來決定。