CSS是一種用來描述文檔如何呈現(xiàn)的語言，其效果可以通過定義背景來改變文本區(qū)域顏色與背景圖片。然而，你是否曾遇到過需要讓背景在文本疊加層級的情況呢？

這時候就需要使用z-index屬性來控制元素的層疊級別。z-index的值是任意整數(shù)，0為默認值，數(shù)值越大層疊級別越高。

.example {
position: relative;
z-index: 1;
}

在上面的例子中，.example元素使用了position: relative定位屬性，并設(shè)置z-index: 1，將其層疊級別設(shè)置為1。

需要注意的是，父元素的層疊級別會影響子元素的層疊級別。因此需要給父元素也加上z-index屬性。

另外，如果需要讓背景可以透過元素看到下面的元素，需要使用rgba顏色來定義背景顏色，并設(shè)置透明度。例如：

.example {
background-color: rgba(255, 255, 255, 0.5);
}

在上述例子中，元素的背景色為白色，透明度為0.5，即半透明，可以看到下面的元素。

需要注意的是，只有設(shè)置了定位屬性（如position: relative或position: absolute）才能使用z-index屬性。

總之，通過z-index屬性，可以輕松控制元素的層疊級別，以達到想要的效果。