CSS下的元素覆蓋是前端開發中常見的問題，特別是在設計響應式網站的時候。當頁面上的元素重疊或者覆蓋時，需要使用CSS來調整它們的顯示優先級和位置。以下是一些解決方案：

/* 使用z-index屬性 */
.element1 {
z-index: 1;
}
.element2 {
z-index: 2;
}
/* 使用position屬性 */
.element1 {
position: absolute;
top: 0;
left: 0;
}
.element2 {
position: absolute;
top: 10px;
left: 10px;
}
/* 使用display屬性 */
.element1 {
display: none;
}
.element2 {
display: block;
}

z-index屬性是用來定義元素的顯示優先級的。它的值是一個正整數，值越大表示顯示優先級越高。使用z-index屬性時需要注意，必須要給兩個被比較的元素都設置z-index才能有效果。

position屬性可以使元素根據父元素或者文檔流的位置來進行定位，它的值有static、relative、absolute和fixed四種類型。當元素使用絕對定位（absolute）時，它會相對于父元素或者文檔流的位置進行定位，可以通過top和left屬性來控制具體的位置。

display屬性可以使元素顯示或者隱藏，它的值有none和block兩種類型。當元素的display屬性被設置為none時，它將被隱藏起來，不占據任何空間。

總之，在遇到元素覆蓋問題時，應該多種解決方案并用，根據實際情況來選擇最佳方法。同時，在進行布局時，應該注意元素的大小和位置，以免產生沖突。