CSS3是現代前端開發中不可或缺的一部分，其中background屬性可以用于設置元素的背景圖像、顏色等，而background間隔可以用于對背景圖像進行分隔。

.selector{
background-image: url('bg-image.png');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-clip: content-box;
background-origin: padding-box;
background-attachment: scroll;
background-color: #fff;
background-blend-mode: overlay;
background-clip-path: circle(50% at 50% 50%);
/*設置background間隔*/
background-image: url('mask.png'), url('bg-image.png');
background-size: cover, auto;
background-position: center, center;
background-attachment: fixed, scroll;
}

在上述代碼中，background-image屬性設置了兩個不同的圖像，分別為'mask.png'和'bg-image.png'，用逗號隔開。這樣的話，第一個圖像'mask.png'將會覆蓋第二個圖像'bg-image.png'。

同時，還可以使用background-size、background-position、background-attachment等屬性對每個圖像進行分別設置。例如，上述代碼中，第一個圖像'mask.png'設置了background-size: cover，background-position: center等，而第二個圖像'bg-image.png'設置了background-size: auto，background-position: center等，這樣就可以使兩個圖像在顯示上產生差異。

需要注意的是，在使用background間隔時，不僅僅可以設置兩個圖像，還可以設置多個圖像。這些圖像的順序決定了它們在背景中的層疊順序。