CSS 是前端開(kāi)發(fā)中必須掌握的一項(xiàng)技能。在實(shí)際開(kāi)發(fā)中，我們通常會(huì)使用 CSS 對(duì)各種網(wǎng)頁(yè)元素進(jìn)行樣式設(shè)計(jì)，包括文字、圖片等等。不過(guò)，在樣式設(shè)計(jì)過(guò)程中，有時(shí)候會(huì)遇到一個(gè)問(wèn)題，那就是圖片遮住了文字。

.img{
position: absolute;
top: 0;
left: 0;
z-index: -1;
}

在上面的代碼中，我們使用了 position 屬性將圖片創(chuàng)建為絕對(duì)定位，在樣式中設(shè)置了 top 和 left 為 0，這樣就能夠?qū)D片放在最上層并覆蓋住文字了，下面我們來(lái)說(shuō)一下如何解決這個(gè)問(wèn)題。

解決方式就是加上一個(gè)容器，將文字和圖片分別放在兩個(gè)元素里面，然后將容器的 z-index 設(shè)置為 -1，這樣就能夠遮住圖片，顯示文字了。

.container{
position: relative;
z-index: -1;
}
.text{
position: relative;
z-index: 1;
}

在上面的代碼中，我們使用了 position 屬性將容器設(shè)置為相對(duì)定位，容器中分別放置了文字和圖片，然后將容器的 z-index 設(shè)置為 -1，將文字的 z-index 設(shè)置為 1，這樣就能夠解決遮住文字的問(wèn)題了。

總之，對(duì)于遮住文字的問(wèn)題，我們只需要加上一個(gè)容器，將文字和圖片分別放置在兩個(gè)元素中，通過(guò) z-index 屬性來(lái)調(diào)整層級(jí)關(guān)系即可。希望本文對(duì)大家有所幫助。