當我們在頁面中添加了多個元素，并給它們設定了CSS樣式，在某些情況下，部分元素的樣式會被其他元素給遮擋，這是一種很不良好的HTML效果，因為它影響了頁面的外觀和用戶體驗。

為了解決這個問題，我們需要使用CSS層疊樣式表。這是一種在頁面元素中使用CSS代碼的方式，它允許我們通過層疊來控制元素的顯示順序，以避免元素的樣式被其他元素遮擋的情況。

例如：
div{
position: relative;
z-index: 1;
}

在上面的代碼中，我們為一個DIV標簽添加樣式，其中“position: relative”屬性用于指定該元素的定位方式，而“z-index: 1”用于為該元素指定一個堆疊層級，這個層級決定了該元素的顯示順序，數字越大則顯示的優先級越高。

通過CSS樣式表，我們可以在頁面中很輕松地控制元素的堆疊順序，以避免樣式被遮擋的情況。