在網頁中，下拉菜單（Dropdown Menu）是一種常見的UI控件，多用于導航欄、搜索框等場景中。然而，在CSS中實現下拉菜單時，有時會遇到菜單被其他元素遮擋的問題。

.dropdown {
position: relative;
}
.dropdown-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
}
.dropdown:hover .dropdown-menu {
display: block;
}

如上述代碼，我們通過對下拉菜單（.dropdown-menu）設置絕對定位，并相對于其父元素（.dropdown）設置相對定位，以實現下拉效果。然而，當這種下拉菜單被其他元素覆蓋時，就會出現遮擋問題。

.cover {
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.dropdown-menu {
z-index: 1;
}

解決這個問題的常用方法是通過設置 z-index 屬性，來控制元素的層疊順序。我們可以將下拉菜單（.dropdown-menu）的 z-index 值設為較低的值，同時將其他可能出現遮擋的元素（如背景圖、其他浮動元素等）的 z-index 設置為比下拉菜單更高的值。

總之，遮擋問題是在CSS下拉菜單實現中常見的問題，需要通過合理的設置 z-index 屬性來解決。