解决绝对定位div position: absolute 后面的<a> Link不能点击

来源:互联网 发布:西安网络推广外包公司 编辑:程序博客网 时间:2024/05/16 02:38

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

阅读全文
0 0
原创粉丝点击