今天布局的時候,遇到一個bug,當DIV設置為絕對定位時,這個div后面的相對定位的層里面的<a>Link標簽無法點擊。
網上的解決方案是在絕對定位層里面添加:pointer-events:none;這樣能夠讓鼠標事件穿透這個絕對定位層,使之能點擊到后面的<a>,然后再在這個絕對定位層里面需要接受事件的<a>上面添加:pointer-events:auto;
這樣做當元素比較多的時候比較煩。
我發現好一點的解決方案是:
把這個絕對定位的div后面需要點擊的link也放到絕對定位的div里面,然后將這個div的z-index設置得大於前一個絕對定位的div即可。
z-index: 9;position: absolute;
