IE8 下 css文件打包过大有时候会 css失效,猜测就是对css大小有限制。。
相邻兄弟选择器不能重绘的问题
相邻元素选择器,也就是+,来控制某个元素的显示,在ie8下不能生效
解决方案 是
让浏览器强制重绘,方案是,在我们需要重绘的地方,在body元素,增加一个css class,然后移除css class , 就达到这个目的,这个css class 应该没有任何效果的。
$('body').addClass('ietest');
$('body').removeClass('ietest');
伪类不能重绘的问题
使用伪类::before发现不起作用
解决方案是
改变伪类的content的内容,改成 . 空格(容易被打包工具处理掉)来解决
content:"",
content:"."
当我们进行打包的时候一定要保证打包的测试和开发环境所执行的包是一样的。。
尽量不要在IE11 下的IE8模式进行验证,
有时候这个环境并不可靠。。
打包css的时候按需加载,这个打包工具都有都可以处理