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