解决绝对定位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
- 解决绝对定位div position: absolute 后面的<a> Link不能点击
- IE下当a标签使用position:absolute绝对定位时没有点击区域的bug
- 绝对定位Position:absolute
- 绝对定位的参考点position:absolute;
- position:absolute绝对定位居中
- Div入门之div定位position,绝对定位absolute,相对定位relative
- 解决绝对定位层(position:absolute;)上无法触发滚动事件的问题
- div的position的相对绝对定位
- position属性absolute与relative 详解 不为人知的(fixed)绝对定位(fixed相对于浏览器窗口=不动的div)
- CSS Position absolute 绝对定位笔记
- CSS position绝对定位absolute relative
- position: absolute;绝对定位水平居中问题
- CSS position绝对定位absolute relative
- position: absolute;绝对定位水平居中问题
- CSS position绝对定位absolute relative
- CSS position绝对定位absolute relative
- CSS position绝对定位absolute relative
- CSS position: absolute 绝对定位精讲
- @Table标记注解
- 域名绑定和域名解析的区别
- Activiti用户任务分配
- 开源GIS学习:boundlessgeo官方案例“Building an Autocomplete Parcel Lookup”学习
- 测试用例编写规范
- 解决绝对定位div position: absolute 后面的<a> Link不能点击
- npm配置淘宝源
- tomcat虚拟目录作用
- navicat for mysql注册码
- Jzoj2937 监听还原
- 《深入分析Java Web技术内幕》—第9章Servlet 工作原理解析
- mapperLocations属性通配符的使用
- maven报错The import XXX cannot be resolved
- 安装ubuntu之后怎样使用root登陆