解决IE 下div与img重叠无法触发鼠标事件的问题

在IE下当我想在img标签上层显示一个div元素时，此时如果该div的background为空白（没有设置图片、或者颜色填充），会导致该div的鼠标事件失效；如果设置border为1px solid red,则鼠标事件只能在该div边框上面响应

找了很多方法，终于得出了一个完美的解决方案：

设置该div的

Css代码  

    1. background-image: url(#);
时间： 2024-08-29 20:04:44

解决IE 下div与img重叠无法触发鼠标事件的问题的相关文章

解决ubuntukylin下各种终端字母重叠的方案

ubuntukylin14.04什么都挺好定符合中国人的使用习惯的,但是就是终端字母重叠的问题特别严重;(其实ubuntu14.04也存在这个问题) 导致很多很好用的终端都使用不了,像guake,tilda等.自带的 终端虽然可以用但是相当的不方便,不喜欢,而且还只能使用默认字体,一修改就变重叠了,特别苦恼. 今晚无意间弄了一下,居然解决了(图示为guake,其他终端同样有效): 使用默认字体时: 修改字体: 修改以后: 特别说明: 这种方法没有在ubuntu14.04上试过(期待大家验证),此

div无法触发blur事件解决的方法

默认情况下div无法获取焦点,无法触发focus与blur事件,推測span,a等标签也无法触发焦点事件(input:button.及button标签能够触发) 怎样使div触发blur事件:能够给div加上tabindex属性 在线演示:http://sandbox.runjs.cn/show/e0bvfcag 源代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="U

div无法触发blur事件解决办法

默认情况下div无法获取焦点,无法触发focus与blur事件,猜测span,a等标签也无法触发焦点事件(input:button,及button标签可以触发) 如何使div触发blur事件:可以给div加上tabindex属性 在线演示:http://sandbox.runjs.cn/show/e0bvfcag 源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT

Java:在不同界面样式下JPopupMenu与鼠标事件mousePressed表现的结果不同！

今天遇到一个郁闷的事儿: 在一个JFrame上放了一个JList元件,这个JList元件添加了鼠标事件: mouseReleased.mousePressed ... 其中,在mouseReleased中,主要显示一个弹出式菜单.在mousePressed 中输入用户按下的是左键还是右键. 但我发现一个奇怪的事情, 当我把当前界面设置为:UIManager.setLookAndFeel("com.sun.java.swing.plaf.windows.WindowsLookAndFeel&quo

用事件冒泡实现在div内点击，不触发事件，当在div外点击时才触发事件

讲解 http://caibaojian.com/javascript-stoppropagation-preventdefault.html 使用案例 在div内点击,不触发 一个事件,当在div外点击时才触发事件. 这比按钮节流和缓冲都要好的多 自己使用的是一个form控件中的输入不触发,当输入完点击其他地方时触发计算,将结果赋值给form中不可编辑的控件中. 具体代码: function div10_onClick(event) { //点击#Click时要阻止冒泡,否则.pop是不显示的

IE6浏览器下div无法遮盖select下拉框解决方法

IE6浏览器下div无法遮盖select下拉框解决方法:在IE6浏览器下,select下拉框无法被div遮盖,其他的主流浏览器都是正常的.这里简单介绍一下如何解决此问题.默认状态下IE6的表现: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.51texiao.cn

JavaScript解决select下拉框中的内容太长显示不全的问题

JavaScript解决select下拉框中的内容太长显示不全的问题 1.说明 有些情况下,select下拉框的内容过长,导致部分看不见: 现在通过鼠标事件,让下拉框中的内容显示完全 2.实现源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

如何解决谷歌浏览器下jquery无法获取图片的尺寸

代码如下: $(document).ready(function(){ var img_h=$img.height(); var img_w=$img.width(); }) 以上代码在IE和火狐中没有问题,但是在谷歌中可能会出现问题,之所以没货的尺寸就是因为图片没有加载完成. 修改方法如下: $(document).ready(function(){ $img.load(function(){ var img_h=$img.height(); var img_w=$img.width(); }

解决ios下的微信打开的页面背景音乐无法自动播放

后面的项目发现,还有两个坑,需要注意下: ·本文的解决方案的核心是利用了 微信/易信 在ready的时候会有个 WeixinJSBridgeReady/YixinJSBridgeReady事件,通过监听这个事件来触发的.那有个坑就是 如果微信已经ready了,但还没执行到你监听这个ready事件的代码,那么你的监听是没用的,所以最理想的情况是,监听的js放在head前面(放在css外链之前),确保最新执行,切记!切记!. ·另一个坑就是,本文的解决方案只适合一开始就播放的背景音乐.如果你是做那种