在前端开发过程中遇到的问题1
2017-06-05 01:53
330 查看
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 = '');
}
这里的*zoom中的*表示仅对IE浏览器有效这样,只要在HTML文件中使用<i class="fa fa-external-link"></i>就可以正常使用该图标了。
后来在网上发现了已经做完IE浏览器兼容的Font Awesome资源包,直接使用也是可以的。
相关文章推荐
- 在前端开发过程中遇到的问题2
- 关于TP5视图分离到根目录的解决方法 原有: 为了方便前端开发,我想把视图(view)部分分离出来专门给前端进行修改 过程:在进行视图设置分离的过程遇到了问题 参考了官方文档http://www
- 开发键盘过滤驱动实现模拟按键过程中遇到的问题___续
- 开发Android过程中遇到到的问题
- 开发过程中遇到的问题总结
- 开发过程中遇到的问题总结
- 在开发过程中界面上遇到的小问题
- 我在开发AJAX过程中遇到的问题及解决方案,分享给大家~
- 项目开发过程中遇到的问题
- 开发过程中遇到的问题总结
- 自己开发过程中遇到的问题及解决办法
- Eclipse Rcp系列 5 开发过程中遇到的小问题合集
- moss开发实施过程中遇到的问题总结:项目层面
- 结合ACCESS数据库开发过程中遇到的问题解决方案(转载)
- 在.net开发过程中遇到的问题种种
- 项目开发过程中遇到的一些问题和解决办法(逐渐添加)
- 开发过程中遇到的问题总结
- PTZ云台开发过程中PELCO-D、PELCO-P协议遇到的问题
- 开发过程遇到的无法打包问题的解决!
- 开发过程中遇到的问题总结