继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

font awesome ie7兼容问题

_辣子
关注TA
已关注
手记 11
粉丝 9
获赞 119

font awesome ie7兼容
首先在页面中要引入两个css文件font-awesome.min.css和font-awesome-ie7.min.css,font-awesome使用4.0.3或者更高版本的应该都可以,这个例子使用的是4.2.0
附两个文件下载地址:https://pan.baidu.com/s/1jIn4BmI
下载后得到css文件夹和fonts文件夹,详情如下:
css文件夹中文件
fonts文件夹中文件

下载完毕,把文件放入到项目中接下来就是link标签引入样式表:
图片描述

注意IE7的注释的书写方式<!--[if IE 7]><![endif]-->
例子:
<i class="fa fa-user"></i>
显示效果(ie7中和其他浏览器相同):
图片描述

ie7工作原理:
.fa-user{*zoom:expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');} 用css的expression实现,css expression,是动态的css属性,ie专有,自IE5.0引入,IE8就不再支持,用这个属性可以模拟:before、:after伪元素等兼容问题,具体参考:
http://jungle330549598.blog.163.com/blog/static/16650655020121110115448568/

打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP