CSS中的層疊順序是指不同的元素覆蓋在頁面上的優先級。當有多個元素重疊時，層疊順序決定哪個元素位于頂部。但是，有時候我們會遇到一些元素遮擋了下面的元素，而下面的元素卻無法被點擊的問題。

這是因為，遮擋元素的z-index值比被遮擋元素的低，導致被遮擋元素無法響應鼠標事件。想要解決這個問題，我們需要考慮以下幾個方面：

1. 確認各個元素的z-index值

.element1{
z-index: 3;
}
.element2{
z-index: 2;
}

在這個例子中，.element1的z-index值比.element2高, 所以它會覆蓋.element2. 確認各個元素的z-index值是解決這個問題的第一步。

2. 提高被遮擋元素的z-index值

.element1{
z-index: 3;
}
.element2{
z-index: 2;
position: relative;
}
.element3{
z-index: 4;
position: relative;
}

在這個例子中，.element2被.element1遮擋而無法被點擊。我們可以將.element2的z-index值提高到比.element1高，但是這種情況下，.element2還是無法被點擊。因為ball元素未被設定為absolute或fixed，所以它默認的position是static，提高它的z-index在這種情況下是沒有作用的。 這時我們需要增加.element2和.element3的position屬性，將它們設為relative或absolute, 來提高它們的stacking context。這樣.element2就可以被點擊了。

3. 改變z-index值的順序

.element1{
z-index: 3;
}
.element2{
z-index: 2;
}
.element3{
z-index: 1;
}

在這個例子中，.element3被.element1和.element2遮擋，導致它無法被點擊。我們可以改變它和其他元素的z-index的順序，來解決這個問題。

總之，層疊順序和響應鼠標事件之間存在一定的關系，當我們遇到元素被遮擋不能被點擊的問題時，可以使用以上方法來解決。