CSS彈出式菜單是網頁開發中非常常見的一種元素，它可以為用戶提供更加方便快捷的操作方式。但是，在實際開發過程中，有時候我們會發現CSS彈出式菜單被擋住的情況。

/*CSS代碼*/
.menu {
position: relative;  /* 設置為相對定位 */
z-index: 10;         /* 設置層級為10 */
}
.sub-menu {
position: absolute;  /* 設置為絕對定位 */
top: 100%;           /* 將子菜單放置在父菜單的下方 */
left: 0;             /* 將子菜單放置在父菜單的左側 */
z-index: 5;          /* 設置層級為5 */
}

在上面的代碼中，我們可以看到為了避免彈出式菜單被擋住，我們設置了`position`和`z-index`兩個屬性。其中，`position`屬性是用來指定元素的定位方式，而`z-index`屬性則是用來指定元素的層級。

在父菜單和子菜單中，我們將它們的`position`屬性分別設置為`relative`和`absolute`。這樣可以讓子菜單的定位與父菜單關聯起來，使得子菜單以父菜單為基準做出定位。同時，我們將父菜單的`z-index`屬性設置為10，將子菜單的`z-index`屬性設置為5，這樣就可以保證父菜單在上方，子菜單在下方，并且不會出現被擋住的情況。

總之，在實際的開發過程中，如果我們想要解決CSS彈出式菜單被擋住的問題，可以通過設置元素的`position`和`z-index`屬性，來確保彈出式菜單能夠正確地顯示在頁面上。