IE10,IE9透明元素无法点击

原創 马优晨 2020-06-02 20:16

场景说明

先看下实际情况
在这里插入图片描述
（谷歌，IE11，edge都是同样效果）
在这里插入图片描述
（IE10，IE9，及以下都是同样效果）

上面我们发现，如果在IE10 和一下，如果元素是透明的，则相当于没有该元素。

处理方案

为该元素加上一个透明背景
在这里插入图片描述

加上透明背景后，IE10 就会识别该元素了。

透明图片素材：
在这里插入图片描述
在这里插入图片描述
看上面

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

(转自Mitchell Chu's Blog)定义文档兼容性，让IE按指定的版本解析我们的页面

　作爲開發人員，特別是作爲Web的前端開發人員 ，最悲催的莫過於要不斷的，不斷的去調試各種瀏覽器的顯示效果，而這其中最讓人頭痛的莫過於MS下的IE系列瀏覽器，在IE系列中的調試我們將會發現沒有一個是好伺候的，於是不得不學習各種Hack技

我一直都在你身边 2020-07-05 20:35:51

IE10不显示swfupload上传附件按钮问题

IE11正常顯示swfupload上傳附件按鈕，但是IE10不顯示，遇到瀏覽器兼容問題，只需改swfupload.js文件中一些代碼即可。 搜索尋找到 Private: getFlashHTML generates the o

随想先感 2020-06-21 07:12:30

IE请求兼容性问题

IE請求路徑中無法識別中文字符，需要將參數進行轉碼 const requestbody = encodeURI(`/bid/bond/updateInvestor?investorId=${baseId}&createUser=${12

浅听记忆2 2020-06-21 02:10:11

IE下载或者导出不兼容问题处理

//下載文件 export function downloadPDF(data, name = 'file.docx') { if (!data) { return } var blob = new Blob([da

浅听记忆2 2020-06-21 02:10:11

js获取iframe对象

搜索資料獲取iframe對象可以這樣寫 document.frames("iframeId").document; 或 window.frames['iframeId'].document 注：注意：window.frame

随想先感 2020-06-21 01:12:24

formData文件上传兼容IE8

場景：XP環境IE8版本的瀏覽器，在iframe內文件上傳 問題： 1、使用webupload  在ie8下模擬點擊打開文件選擇器，按鈕點擊無反應。 查閱資料後，得知原因是webupload在ie8下使用的是flash顯示，不存在inpu

junyunKang 2020-06-20 15:47:36

IE9以下圆角兼容

下面的方法是在IE9以下版本的瀏覽器支持圓角的特性 使用方法 如何在IE9以下版本的瀏覽器支持圓角的特性 .box { -moz-border-radius: 15px; /* Firefox */ -webkit-bor

莫小耿 2020-06-20 04:04:05

IE7环境下 querySelectorAll 不兼容的解决办法 获取标签属性

// 獲取所有的標籤，拿到所有的屬性（class同理） function getAllElementsWithAttribute(attribute) { var matchingElements = []; var allEl

NKMercyPLZ 2020-06-17 15:10:57

Jquery的load()方法在IE中效果不理想的解决方法

在ie中load()方法去是拿緩存的數據而不是向服務器拿   在script開頭加上這句js  讓ie不讀取緩存就好  如果只是一個方法用到load() 那就在load()之前加上這句 不需要全局設置 $.ajaxSetup

zzz啊哈 2020-06-17 08:50:23

IE浏览器兼容CSS3新属性border-radius

使用PIE對IE進行CSS3兼容介紹及渲染 重要功能實現：   可以使 IE6、7、8 、9 實現類似 chrome 和 firefox  1.  更自然逼真的陰影效果，不再是以前那種醜陋的濾鏡效果。  2.  實現很自然的圓角效果 

zzz啊哈 2020-06-17 06:55:13

解决ie不支持Array的find方法

在使用集團的組件庫開發項目時測試出IE瀏覽器節點無法正常打開，控制檯報錯不支持find方法： 也有客戶反饋遨遊瀏覽器（也是IE內核~🙃）也有同樣的問題，這種公共組件庫如果沒有放棄兼容IE的話就得做好兼容性的判斷😂  這是菜鳥教程上對f

若晨工作室 2020-06-13 09:17:54

兼容ie 附件下载，可自定义文件名

飞奔的喀纳斯蜗牛 2020-05-18 00:43:01

IE兼容问题（持续补充）

小朱小先生 2020-04-27 01:03:55

IE7环境下 querySelectorAll 不兼容的解决办法

NKMercyPLZ 2020-04-25 13:18:57

ie下new Date(2020-02-02 12:12:12)类型的时间出现Invalid Date

浅听记忆2 2020-04-20 06:19:28