解決絕對定位div position: absolute 后面的 Link不能點擊


今天布局的時候,遇到一個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;


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM