CSS 中一個常用的效果是交疊效果，即一個元素的部分內容可以覆蓋到另一個元素的部分內容。實現交疊效果的主要方式是使用 z-index 屬性。

.selector1{
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.selector2{
position: absolute;
top: 0;
left: 0;
z-index: 1;
}

在上面的例子中，兩個元素都使用了 absolute 定位，并且重疊在一起。但是由于 .selector1 的 z-index 值為 2，而 .selector2 的 z-index 值為 1，所以 .selector1 會覆蓋 .selector2。

需要注意的是，只有定位的元素（如 position: absolute、position: relative、position: fixed 等）才可以設置 z-index 屬性。而且 z-index 的取值范圍是整數或 auto（auto 表示按照文檔流順序顯示元素）。同一層級中，z-index 值較大的元素會覆蓋 z-index 值較小的元素。

除了使用 z-index 屬性，還可以使用 CSS 3 中的另一個新屬性 mix-blend-mode 來實現交疊效果。這個屬性可以用來設置元素與其父元素、兄弟元素以及自身內容的融合模式。下面是一個例子:

.selector{
mix-blend-mode: multiply;
}

在上面的例子中，元素 .selector 的內容會與其父元素進行相乘融合，從而產生一種交疊效果。不同的融合模式可以產生不同的效果，開發者可以根據實際需求來選擇合適的融合模式。