IE img上div点击事件失效

最新推荐文章于 2024-01-03 19:51:01 发布
原创 最新推荐文章于 2024-01-03 19:51:01 发布 · 880 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ie #frontend

本文解决了一个特定于IE浏览器的问题，在该浏览器中，当使用绝对定位的div覆盖在图像上时，点击事件会失效。通过为div添加背景图片属性，可以解决此问题。

bug： IE浏览器下，使用绝对定位的div元素到图像上，点击事件失效。

原因： ie浏览器bug。

解决办法，给div元素添加背景图片： background-image:url(#);

html入门 第一课 -----＜a标签＞＜div标签＞＜img标签＞
m0_73971424的博客
03-13 947
html：负责⽹⻚显示的内容HTML是用来标记内容的（重在内容组织上）css：负责⽹⻚显示内容的属性CSS是用来修饰内容样式的（重在内容样式美化展示上）JavaScript（脚本）：负责⽹⻚显示内容的逻辑JavaScript是用来做交互的 主要是用来扩展文档交互能力的，使静态的HTML具有一定的交互行为。
div图片垂直居中 如何使div中图片垂直居中
12-13
`*display: block`让`div.box`在IE中表现得像一个块级元素，而`*font-size`的设定是基于一个技巧，因为IE会将置换元素的高度基于字体大小计算。这里设定的字体大小约为高度的0.873倍（即200px * 0.873），目的是让...
解决IE 下div与img重叠无法触发鼠标事件的问题
Jabbar2012的专栏
01-02 303
[color=red]问题描述[/color]： 在IE下当我想在img标签上层显示一个div元素时，此时如果该div的background为空白（没有设置图片、或者颜色填充），会导致该div的鼠标事件失效；如果设置border为1px solid red,则鼠标事件只能在该div边框上面响应 如图所示： [img]http://dl2.iteye.com/upload/att...
vue项目中给div加点击事件，不生效
nss33678的博客
01-03 1982
首先查看，样式重有没有，position，relative, absolute，这样的属性。如果没有找到的话，就到上一级，上上一级父元素中寻找🧐，。把本div的，z–index的层级升高，就可以生效了。
【ie兼容性】ie10及以下带img的absolute定位，导致点击事件无效
sinat_29740819的博客
06-05 2306
定位后的div中加入img和div，子div若不加背景色，点击事件（任何事件）无效。（如果你遇到一定要加背景色，点击事件才生效的情况，可能就是这原因）
html鼠标的点击事件失效,ol3与IE11在c＃webbrowser控制鼠标点击事件不起作用
weixin_32349223的博客
06-04 398
当我将我的网页加载到IE 11浏览器本机时，所有东西在地图上都能正常工作。当我在c＃应用程序中时，一切都会加载没有错误，除非我无法点击地图并将其拖动。我所有的地图点击事件也不会触发。我可以使用箭头键移动地图，而滚轮鼠标也可以工作。我注意到，当我在本机使用IE 11，并使用开发人员工具“打破所有异常”时，在检查PointerEvent.HAS_BUTTONS是否受支持时，在ol3中出现错误，并说Ob...
click ie8浏览器 不生效_IE8的JavaScript点击事件(onclick)不兼容的解决方法
weixin_42282638的博客
02-01 1110
博客园闪存分页是用JavaScript生成的，今天发现在IE8下点击页码不能翻页，翻页操作是在当前页码的onclick事件中进行的。开始代码是这么写的：复制代码 代码如下:var a = document.createElement("a");a.setAttribute("onclick", this.ClickFunctionName + "(" + pageIndex + ");Pager....
兼容性问题：处理不同版本IE浏览器下的点击事件
由于IE对于点击事件的处理存在特殊之处，不同版本的IE在点击事件上表现差异明显。这导致网页在IE下可能出现点击事件监听不生效、触发顺序错误、绑定失效等问题。因此，处理IE浏览器下的点击事件兼容性至关
IE下css常见问题总结及解决
12-13
解决方法包括给非浮动元素添加`float`属性，或者在`div`包含`img`时，将`img`元素的`display`设为`block`。 5. **IE6的捉迷藏问题**： 这个问题通常出现在复杂的布局中，某些内容不可见，但选择时会显示。解决办法...
pointer-events:none解决重叠元素不能感应鼠标事件的问题
web开发
07-03 961
Pointer-events原本来源于SVG，目前在很多浏览器中已经得到体现。不过，要让任何HTML元素生效还得借助于一点点css。该属性称之为pointer-events，基本上可以将它设置为auto，这是正常的行为，而“none”是一个有趣的属性。 如果你已经设置一个元素的css属性为pointer-events: none。它将不会捕获任何click事件，而是让事件穿过该元素到达下面的元素...
ie下div不可点击
weixin_33712987的博客
11-04 331
2019独角兽企业重金招聘Python工程师标准>>> ...
html点击事件无效化,layui动态(.append和.html)菜单点击事件无效的解决
weixin_34379710的博客
06-03 774
菜单父级解决方法$(function () {$.ajax({url: '/Main/GetType1',success: function (da) {//重点地方，将Layui在页面加载时渲染出来的span.layui-nav-bar提前删除掉$("#nav").find('span.layui-nav-bar').remove();$.each(da, function (index, va...
img上面的div在IE不能点击的问题
mayixixi的专栏
11-16 1609
如下图所示，通过绝对定位将两个div定位在图片上下载按钮所在的位置，给div增加链接，在火狐浏览器中可以连接到下载页面，但是在IE(7/8/9)中却没有反应。 这是IE的bug，给这两个div加上背景图片就可以链接了。
html页面发生变化时，class点击事件不起作用的解决方案
徊忆羽菲
10-11 1226
原js代码 $(".m-video").on("click", function () { alert('弹窗'); }); 当点击js，页面发生变化时，找不到对应的 m-video 导致js不生效 修改后js代码 $(document).on("click", ".m-video", function () { alert('弹窗'); ...
img标签增加点击事件不生效问题解决
yzx3105的博客
06-13 9516
<!--图标--> <div class="col-sm-2 paymentMode-data-materialUrl1"> <input id="materialId1" name="materialId1" type="hidden"/> <input id="materialUrl1" name="materialUrl1" style="width: 156px;height: 78px;" type="image" onclick="open.
a标签定位在图片上，在ie9-点击图片无法调转
weixin_34161083的博客
05-11 124
2019独角兽企业重金招聘Python工程师标准>>> ...
div标签里放img标签时候遇到的坑
u010007013的博客
03-28 4716
项目遇到div标签里放img标签的情况，div的width、height 都已经设置好，img的width、height 为100%。 但是发现渲染出来的img超出了div的高度，如下图： 后来尝试了下发现应该给div设置line-height（和height的大小一样），这样渲染出来的img才不会超过div的范围。见下图： 总结：div里写img且img的宽高和div一致的时候，一定要设置l...
IE DIV背景透明，点击事件不响应解决方案
lhrhi的专栏
12-30 4733
IE DIV背景透明，给DIV绑定点击事件， $("div").bind("click", function(){ alert('click me.'); }); 当点击DIV时，不会响应已经绑定的点击事件。 解决方案是给DIV的设置以下样式。 background-image: url(data:image/gif; base64,AAAA); 或
vue禁止点击图标失效
最新发布
09-02
如果图标是一个元素（如div或img），确保它没有默认的可点击行为。有些元素如有默认行为，需要阻止。 另外，检查CSS：可能有指针事件设置（pointer-events: none;）来禁止点击。如果设置不当，可能导致"失效"。 在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值