栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Html/CSS > CSS教程

font awesome ie7兼容问题

CSS教程 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

font awesome   ie7兼容问题

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文件夹,详情如下:

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

注意IE7的注释的书写方式
例子:

显示效果(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/

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/243146.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号