在網頁設計中，我們常常需要在網頁上添加一些圖片來豐富頁面的視覺效果。但是，有時候圖片會擋住文字，影響用戶的閱讀和體驗。下面介紹一種解決方案：使用CSS將圖片擋住文字。 首先，我們需要將圖片插入到HTML中。可以使用標簽來插入圖片，例如：

接著，在CSS中添加樣式，用于將圖片覆蓋在文字之上。可以使用position和z-index屬性來實現：

img {
position: absolute;
z-index: -1;
}

position屬性將圖片的定位方式設置為絕對定位，使其相對于其父元素進行定位。z-index屬性則將圖片的層級設置為負數，使其在文本層級之下。這樣，圖片就會自動擋住文本，不影響用戶的閱讀。 同樣，我們也可以使用CSS將文字覆蓋在圖片之上。只需要將z-index屬性設置為比圖片的層級高即可，例如：

p {
position: relative;
z-index: 1;
}

這樣，文本就會覆蓋在圖片之上，不會被圖片擋住。 綜上所述，使用CSS將圖片擋住文字或將文字覆蓋在圖片之上，是一種簡單有效的解決方案，可以提升網頁的視覺效果和用戶體驗。