在網頁應用程序開發過程中，開發者經常會碰到CSS上層擋住下層點擊的問題。即，當一個元素（例如按鈕）被其他元素（例如圖片）覆蓋時，操作該元素時無法生效。這種情況下，用戶體驗會受到較大影響。下面我們來探討一下如何解決這個問題。

解決方案就是使用CSS屬性“pointer-events”。該屬性有以下幾種取值：

auto： 默認值。游覽器會按照正常的事件流程來處理元素
none： 元素不接受事件處理
visiblePainted： 元素透明部分可以接受事件處理
visibleFill： 元素內部透明部分不接受事件處理 
visibleStroke： 元素邊框透明部分可以接受事件處理 
painted： 不透明區域可以接受事件處理
stroke： 邊框區域可以接受事件處理

通過設置CSS屬性“pointer-events”為“none”，即可解決上層元素擋住下層元素的點擊問題。請注意，盡管元素上的點擊事件會被忽略，但是該元素的其他樣式仍然有效。

.upper {
pointer-events: none; 
}

總之，當出現CSS上層擋住下層點擊的問題時，解決方案就是使用CSS屬性“pointer-events”，將上層元素的“pointer-events”設置為“none”即可。