IE8 font-awesome问题,不能重绘,在dom加载完后执行一下下面的代码图标就出来了
var head = document.getElementsByTagName('head')[0],
style = document.createElement('style');
style.type = 'text/css';
style.styleSheet.cssText = ':before,:after{content:none !important';
head.appendChild(style);
setTimeout(function(){
head.removeChild(style);
}, 0);
注意这不是子体覆盖问题,字体覆盖通过
<!--[if IE]>
<style type="text/css">
@font-face {
font-family:"FontAwesome";
src:url("/fontAwesome/fonts/fontawesome-webfont.eot?v=4.2.0");
font-weight:normal;
font-style:normal}
</style>
<![endif]-->
解决
还有IE8中该页面必须要使用fontAwesome图标,这样才会进行缓存,不然不会进行缓存,会导致图标全部消失。
2.其他的子页面iframe不可以再次引入FontAwesome.eot 这样会把父窗口缓存的清除了,导致图标一时有,一时没有。