在網頁設計中，經常需要使用圖片來替換文字，但是很多時候圖片和文字會出現重疊的情況，這時就需要使用CSS的一種技術，即圖片把字體覆蓋。

代碼如下：
.text {
position: relative;
}
.text img {
position: absolute;
top: 0;
left: 0;
z-index: -1;
}

上述代碼中，對于文本所在的容器元素（例如一個div元素），需要設置position為relative，然后對于圖片元素，需要設置position為absolute，并且top和left都為0，這樣圖片就會放置在文本的上面。

另外，為了確保圖片在文本之下，需要將圖片元素的z-index屬性設置為-1，這樣圖片就會被文本字符所遮蓋。

可以通過修改top和left屬性的值來調整圖片的位置，也可以給文本元素設置其他的樣式屬性，以實現更加精細的效果。