问题:
Font-Awesome字体在ie7上不能toggle,原因是Font-Awesome在ie7上使用expression完成显示的。目前网上有很多遇到的但没找到解决方案。
解决方案:
比较蠢,采用clone/append完成class的toggle。目前只想到这种方案。欢迎更完美的解决方案。
html
<a class="btn btn-link icon-plus-sign"></a>
js
$(function() { $(".btn").click(function() { $(".btn").each(function() { //如果是ie7 if(/MSIE 7.0/ig.test(navigator.appVersion)) { var $aClone = $(this).clone(true); if($aClone.hasClass("icon-minus-sign")) { $aClone.addClass("icon-plus-sign").removeClass("icon-minus-sign"); } else { $aClone.addClass("icon-minus-sign").removeClass("icon-plus-sign"); } $(this).after($aClone); $(this).remove(); } else { $a.toggleClass(openIcon); $a.toggleClass(closeIcon); } }); return false; }); });
最后必须return false; 否则会造成ie7浏览器crash掉。
相关推荐
IE9以下版本不支持字体图片库,font-awesome-ie7.min.css解决了这个问题。
可以兼容ie7的font-awesome-ie7.min.css 包含在 fontawesome-4.2.0内
开发工具 font-awesome.min开发工具 font-awesome.min开发工具 font-awesome.min开发工具 font-awesome.min开发工具 font-awesome.min开发工具 font-awesome.min开发工具 font-awesome.min开发工具 font-awesome.min...
font-awesome-4.7.0 在线版 1.进入 Font Awesome官网 2. 在html中引入文件 3.在网页中直接检查图标对应源码 下载压缩包文件 1.下载Font Awesome安装包. 2. 复制整个font-awesome目录到你的项目 3. 在你的...
http://fortawesome.github.io/Font-Awesome/ 可能网络问题,下载不了
Font-Awesome-3.2.1 Font-Awesome-3.2.1 Font-Awesome-3.2.1
Font Awesome 4.7.0版本,适用于QT图标设计、前端网页开发等。上千个图标供你选择。 Font Awesome 字体为您提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用CSS的样式。
找了好久的Font-Awesome-4.4.0,分享给大家,现在网上的版本是Font-Awesome-4.7.0。
font-awesome-4.7.0
font-awesome-4.7.0.zip
Font Awesome为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。
将font-awesome.ttf 转成微信小程序支持的格式 font-awesome.wxss
font-awesome-4.7.0最新。
font-awesome.
开发工具 fontawesome-webfont.ttf开发工具 fontawesome-webfont.ttf开发工具 fontawesome-webfont.ttf开发工具 fontawesome-webfont.ttf开发工具 fontawesome-webfont.ttf开发工具 fontawesome-webfont.ttf开发工具...