在CSS中，可以使用z-index屬性來控制圖片和文字的堆疊順序，從而避免圖片蓋住文字。z-index屬性表示元素在Z軸上的堆疊順序，數(shù)值越大，元素在堆疊順序中的位置越靠后。

以下是一個(gè)示例，展示如何設(shè)置CSS以避免圖片蓋住文字：

1、確保圖片和文字的HTML結(jié)構(gòu)是正確嵌套的，圖片應(yīng)該被包含在包含文字的容器中，例如一個(gè)段落或一個(gè)列表項(xiàng)。

2、給圖片設(shè)置一個(gè)負(fù)的z-index值，這樣它就可以在文字下面顯示，你可以給圖片設(shè)置一個(gè)z-index值為-1：

img {
  z-index: -1;
}

3、如果圖片和文字的容器元素（如段落或列表項(xiàng)）沒有設(shè)置position屬性，那么它們將按照它們在HTML中的順序堆疊，在這種情況下，圖片將默認(rèn)顯示在文字下面。

4、如果需要進(jìn)一步的控制，可以通過設(shè)置position屬性來更***地控制元素的堆疊順序，你可以給包含文字的容器設(shè)置一個(gè)position屬性值為relative：

p {
  position: relative;
}

這樣，圖片就會顯示在包含文字的容器元素的下面。

這種方法可能因具體的HTML結(jié)構(gòu)和CSS樣式而有所不同，在實(shí)際應(yīng)用中，可能需要根據(jù)具體情況進(jìn)行調(diào)整。