win7 IE中使用svg时利用symbol的方式出现卡死现象

最近在解决浏览器兼容性问题上，发现在win7系统上的IE11中，点击两个svg图标（symbol方式引入）时，来回点击会导致页面卡死，后来使用这种方式解决了：

svg use{pointer-events: none;
}

估计是大部分使用这种方式引入的项目不再考虑对win7下的IE11兼容了，所以纠结了好久才找出了解决方法。

win7 IE中使用svg时利用symbol的方式出现卡死现象相关推荐

阿里巴巴矢量图标库项目中使用svg格式字体图标使用方式及封装
一.首先登陆阿里云矢量图标库,把需要的字体图标加入到自己的项目中二.阿里云图标的四种方式(推荐第三种方式引入,如果不考虑网络问题可以用在线引入的方式) 进入项目以后会看到阿里云可以选择三种方式进行导 ...
react前端显示图片_在 React 中使用 SVG 图标组件
SVG 很酷,它们能放大放小. 那么 SVG 的优点是什么? SVG 或可缩放矢量图形是基于 XML 的格式图像格式,可以在保持图像质量的同时缩放到任何大小.因此,当你需要根据需要调整大小的图像时,S ...
PBI中使用SVG自定义折线缩略图
1. 目的驱动在学习别人做的报表的时候,我有看到如下图所示的效果. 我个人觉得这个趋势图比较有意思,于是就研究了一下是如何画出来的. 经研究发现,这个就是用SVG画出来的. 前面介绍SVG的时候提到 ...
pandas 选取第一行_用pandas中的DataFrame时选取行或列的方法
如下所示: import numpy as np import pandas as pd from pandas import Sereis, DataFrame ser = Series(np.ar ...
i css svg,如何设置 CSS 背景图中的 SVG 的颜色
Coloring SVGs in CSS Background Images 如何设置 CSS 背景图中的 SVG 的颜色 I love using SVG in CSS background ima ...
python怎么选取不连续的列_用pandas中的DataFrame时选取行或列的方法
如下所示: import numpy as np import pandas as pd from pandas import Sereis, DataFrame ser = Series(np.ar ...
服务器磁盘阵列做win7系统,win7 X64 中RIAD0的磁盘阵列怎么组建
win7 X64 中RIAD0的磁盘阵列怎么组建? 安装好SATA硬盘之后,就要进入BIOS中打开南桥芯片的RAID功能.具体方法是:进入BIOS设置程序的"OnChip IDE Devic ...
Vue项目中操作svg文件
Vue项目中使用svg 引入依赖 yarn add svg-sprite-loader -D [可选] yarn add svgo svgo-loader -D 依赖说明: svg-sprite-lo ...
Win7与Ubuntu双系统时【卸载Ubuntu】
Win7与Ubuntu双系统时[卸载Ubuntu] 转载:http://blog.csdn.net/scut1135/article/details/6888392 简单点讲, 没有Windows安装 ...
Android中使用SVG实现炫酷动画效果
前言 SVG,即Scalable Vector Graphics 可伸缩矢量图形.这种图像格式在前端中已经使用的非常广泛,而在移动端的开发中,遇到一些复杂的自定义控件或者动画效果,我们就可以考虑使用S ...

win7 IE中使用svg时利用symbol的方式出现卡死现象

win7 IE中使用svg时利用symbol的方式出现卡死现象相关推荐

最新文章

热门文章