博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
a标签绝对定位,点击区域被图片遮挡(IE下)
阅读量:6230 次
发布时间:2019-06-21

本文共 472 字,大约阅读时间需要 1 分钟。

	
Document

 

 

黑框是整个a标签,图片与a标签重叠处无法点击,小手消失,IE10以下都如此,IE11没有测试。而且无论你给图片或是a标签套多少div,设置z-index,都无效。

我们再试试把a标签改成div试试看。

	
Document

 

测试结果与a标签一样,鼠标移到图片与div重叠处,小手消失。

 

bug的解决方案:

我的方法是给绝对定位元素透明背景色:background:rgba(0,0,0,0); 这可以解决ie8以上的bug

可惜的是ie8以下无解决方案。

不要妄想用filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#88000000,endColorstr=#88000000);

也不要妄想用background:#ffffff; opacity:0;,因为这会使元素内的内容全部看不见。

转载于:https://www.cnblogs.com/gongshunkai/p/6259935.html

你可能感兴趣的文章
nginx在reload时候报错invalid PID number
查看>>
神经网络和深度学习-第二周神经网络基础-第二节:Logistic回归
查看>>
ElasticSearch 2 (32) - 信息聚合系列之范围限定
查看>>
VS2010远程调试C#程序
查看>>
[MicroPython]TurniBit开发板DIY自动窗帘模拟系统
查看>>
Python3.4 12306 2015年3月验证码识别
查看>>
从Handler.post(Runnable r)再一次梳理Android的消息机制(以及handler的内存泄露)
查看>>
windows查看端口占用
查看>>
Yii用ajax实现无刷新检索更新CListView数据
查看>>
JDBC的事务
查看>>
Io流的概述
查看>>
App 卸载记录
查看>>
JavaScript变量和作用域
查看>>
开源SIP服务器加密软件NethidPro升级
查看>>
作业:实现简单的shell sed替换功能和修改haproxy配置文件
查看>>
Altium 拼板方法以及 注意的 地方
查看>>
Apache Pulsar中的地域复制,第1篇:概念和功能
查看>>
python pip install 出现 OSError: [Errno 1] Operation not permitted
查看>>
oracle12C 重做日志
查看>>
zookeeper与kafka安装部署及java环境搭建(发布订阅模式)
查看>>