CSS遮罩是一種常用的效果，它可以在一個元素上面覆蓋另一個元素，以達到遮蓋的效果。但是在一些特殊情況下，多個遮罩需要重疊在一起，這就需要處理遮罩的疊加順序。

在CSS中，使用z-index屬性可以控制元素在堆疊順序中的位置。值越大的元素越靠近頂部。當多個元素的z-index值相同時，DOM上先出現的元素會在頂部。

.mask {
/*第一個遮罩，z-index為100*/
z-index: 100;
 }
.mask2 {
/*第二個遮罩，z-index為100*/
z-index: 100;
 }

當遮罩之間有重疊時，需要通過調整z-index值來確定遮罩的層級關系。可以根據需要設置不同的z-index值。

.mask {
/*第一個遮罩，z-index為100*/
z-index: 100;
 }
.mask2 {
/*第二個遮罩，z-index為200*/
z-index: 200;
 }

這樣就可以確保第二個遮罩在第一個遮罩之上。

總之，在使用CSS遮罩時，需要注意其疊加順序，可以通過設置不同的z-index值來控制遮罩的層級關系，組合出最終想要的效果。