在前端开发过程中遇到的问题1

1.在使用Bootstrap框架的过程中,代码没有错误但是元素样式却无法正常显示。

原因可能是导入的js文件顺序不正确。

html文件在加载和执行javaScript文件时,会按照一定的顺序来进行加载和执行,如果导入的代码顺序有误,就可能会导致想要的效果无法正常显示。

因为导入的javaScript文件就是HTML文档的一部分,因此JavaScript在页面装载时,会按照文档中的引入标记<script />的顺序来装载执行各个js文件


2.Font Awesome Font针对IE浏览器的兼容性问题


Font Awesome是在网页开发中十分实用的图标字体,可以使得网页得到极大的美化,使用起来也很方便。

但是在开发的过程中我们发现Font Awesome对IE的兼容性不是很好,有些图标根本无法显示。在查阅了网络资料以后,发现以下方法是实际可用的:

在CSS文件中利用expression表达式输出图标

在IE浏览器中,content:"\f08e";这样的写法是无效的,无法被浏览器正确地解释,但是expression表达式是可以的,因此我们可以把css文件中所有类似的表达都修改为expression表达式,代码如下所示:

.fa-external-link {
  *zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xf08e;');
}

这里的*zoom中的*表示仅对IE浏览器有效

这样,只要在HTML文件中使用<i class="fa fa-external-link"></i>就可以正常使用该图标了。

后来在网上发现了已经做完IE浏览器兼容的Font Awesome资源包,直接使用也是可以的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值