在編寫HTML和CSS網頁時，經常需要給網頁添加圖層效果，使得網頁的視覺效果更豐富多彩。然而，在添加圖層時，也會遇到圖層遮擋的問題。這時候，就需要使用CSS中的層疊順序來解決這個問題。

CSS中的層疊順序是通過z-index屬性來控制的。當多個元素重疊在一起時，z-index越大的元素就會顯示在最上面，被用戶最先看到。

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

上面的代碼就是定義一個元素的z-index為1，表示它將會顯示在其它z-index小于等于1的元素之上。如果想讓某個元素顯示在最上層，可以將它的z-index設置為一個較大的值，比如999。

需要注意的是，只有定位元素（使用position屬性）才能受到z-index的影響。如果想要某個元素變成定位元素，可以給它設置position: relative或position: absolute屬性。

總之，CSS中的z-index屬性可以很好地解決網頁圖層遮擋的問題。通過設置不同的z-index值，我們可以控制元素的層疊順序，實現我們想要的網頁效果。