解决IE 下div与img重叠无法触发鼠标事件的问题
程序员文章站
2022-07-06 14:18:10
...
问题描述:
在IE下当我想在img标签上层显示一个div元素时,此时如果该div的background为空白(没有设置图片、或者颜色填充),会导致该div的鼠标事件失效;如果设置border为1px solid red,则鼠标事件只能在该div边框上面响应
如图所示:
找了很多方法,终于得出了一个完美的解决方案:
设置该div的
在IE下当我想在img标签上层显示一个div元素时,此时如果该div的background为空白(没有设置图片、或者颜色填充),会导致该div的鼠标事件失效;如果设置border为1px solid red,则鼠标事件只能在该div边框上面响应
如图所示:
找了很多方法,终于得出了一个完美的解决方案:
设置该div的
background-image: url(#);
上一篇: 模态对话框导致setTimeout失效的解决方案(一)
下一篇: MYSQL索引失效的各种情形总结