【Debug筆記】利用pointer-events:none解決點擊事件失效

在button 內層包了一個 svg 圖片，而在 button 上面綁定 click 事件，可是當點按的範圍在 svg 區域內時，click 事件無法被正常觸發。

原因是因為 svg 蓋在 button 上方時，但滑鼠點擊時，上方的 svg 層遮蓋住，導致無法點到下層 button 。

svg {
  pointer-events: none;
}

解決方法是，透過 CSS3 的新屬性 pointer-events，讓點擊事件忽略上層 svg，如此一來就可點到下層 button 區塊。