最常見的幾種樣式導致按鈕點擊無效的情況:
1. pointer-events: none;
👉 點擊被徹底屏蔽
-
癥狀:按鈕完全不能點擊,事件不會觸發。
-
可能原因:這個樣式讓元素“無法響應鼠標事件”。
button {pointer-events: none;
}?
2. z-index
或層級問題 👉 按鈕被其他元素覆蓋
-
癥狀:按鈕看起來正常,但點擊無效,或者點的是別的東西。
-
常見原因:一個透明/空的元素層級高,蓋住了按鈕。
.overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;
}