浮动层div没有内容或没有设置背景在IE下click，mouseover，mouseout等事件失效
2013-06-05 15:58
323 查看
<div style="width: 300px; height: 100px; position: absolute;"></div>
在IE浏览器下，浮动层如果没有内容或者没有设置背景，添加到浮动层上面的事件，如click，mouseover，mouseout等事件，当触发点其浮动层上时，不会响应事件，事件失效。其他浏览器如 firefox，chrome则正常。
解决办法：给浮动层div添加一个空背景
<div style="width: 300px; height: 100px; position: absolute; background:url(about:blank)"></div>
在IE浏览器下，浮动层如果没有内容或者没有设置背景，添加到浮动层上面的事件，如click，mouseover，mouseout等事件，当触发点其浮动层上时，不会响应事件，事件失效。其他浏览器如 firefox，chrome则正常。
解决办法：给浮动层div添加一个空背景
<div style="width: 300px; height: 100px; position: absolute; background:url(about:blank)"></div>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- div没有设置高度，背景颜色却无法显示
- IE 7 经典 bug html 标签没有内容 不能触发事件
- 开发日志：设置<DIV>内容不自动换行，及inline后width和height等失效的问题
- 给button设置背景图片在IE中失效
- IE10下设置了z-index，底层DIV绑定的事件仍然会触发
- 兼容IE、Firefox的背景半透明内容不透明设置
- 让没有float的div背景颜色设置生效
- jquery 当DIV有子元素时，mouseover和mouseout事件同时使用时，会产生闪烁的情况
- IE下容器无内容无背景时无法触发鼠标事件
- IE DIV背景透明，点击事件不响应解决方案
- IE DIV背景透明，点击事件不响应解决方案
- div没有设置高度，背景颜色却无法显示
- div没有设置高度，背景颜色却无法…
- 兼容IE、Firefox的背景半透明内容不透明设置
- ie下a标签没有背景图设置display:block以及宽高；不能铺满盒子
- IE 下背景透明的空白元素无法触发 click 和 hover 事件【转】
- 设置窗体和ＩＥ没有间隙 窗体背景
- 简易tabs切换组件，兼容IE、FF、CHROME，支持click、mouseover等事件，无组件依赖
- div没有设置高度时背景颜色不显示(浮动)
- ie ff兼容 div 失去焦点（以此原理，可以为任何没有onblur/onfocuse的元素添加类似的事件动作）