CSS點擊事件穿透問題指的是，當我們在一個元素上綁定了點擊事件時，如果這個元素被另外一個在它上面的元素完全覆蓋，那么點擊事件可能無法響應。這就是所謂的事件穿透問題。 在CSS中，我們可以通過pointer-events屬性來解決這個問題。這個屬性可以設置為none，表示該元素不會響應鼠標事件，所有的事件將會傳遞給下一層元素。下面來看一個例子：

.parent {
width: 200px;
height: 200px;
background-color: red;
position: relative;
}
.child {
width: 100px;
height: 100px;
background-color: blue;
position: absolute;
top: 50px;
left: 50px;
}
.child:hover {
pointer-events: none;
}

上面的代碼定義了一個父元素和一個子元素，在hover子元素的時候設置了pointer-events為none，這樣當鼠標移到子元素上的時候，子元素將不會響應鼠標事件，而是傳遞給下一層元素，也就是父元素。 不過，這種方法并不是完美的解決方案。首先，在某些舊版本的瀏覽器中，pointer-events屬性可能會不起作用。其次，如果要在子元素中實現其他的鼠標事件，可能就需要通過JavaScript來實現了。 總之，CSS中的事件穿透問題可以通過pointer-events屬性來解決，但是需要注意瀏覽器兼容性問題和其他鼠標事件的實現。