IE静态页面兼容性指南1.IE下网页字符乱码问题原因：这可能是网页没有设置metacharset编码造成的。解决方法：添加如下代码2、IE下disabled字段无效。解决办法是在input上写disabled3。IE下onclick失败的问题如下代码描述，点击时报错，显示函数未定义解决方法是在js中写事件监听$("#getCodeBtn").on("click",function(){getCode();});4、IE下Animation动画失败问题描述在使用font-awesome动画（加载效果）时，如果使用display控件显示和隐藏，在IE下会表现异常。图标瞬间出现，但没有动画或过渡效果。问题分析暂时了解到CSS3的animation、transition、transform不支持??display变化，直接操作display会破坏动画。关于display为什么会破坏css动画，我目前的理解是display操作会触发浏览器的reflow操作，transition支持的效果只是触发浏览器的repaint操作。回到上面的demo，如果我们使用visibility属性来控制Showing和hiding，并不会破坏过渡效果。因此，可以暂时认为：reflow和repaint混用会破坏transition的动画效果。解决办法是让css按顺序处理浏览器的UI线程。在处理UI操作时，将多个css属性的set操作添加到同一个tick处理中。如果在两个css属性的set操作之间插入get操作，UI线程在处理时会依次执行。container.css("display","block");container.css("display");container.css("opacity","1");使用setTimeouthack这个问题本质上改变了set操作的顺序，但是delay的值需要在不同的浏览器中选择不同container.css("display","block");setTimeout(function(){"不透明度","1");},延迟);通过window.requestAnimationFramecontainer.css("display","block");requestanimationframe(function(){container.css("opacity","1");});通过控制元素的显示和隐藏来避免显示操作i.fa{//display:none;宽度：0；opacity:0;}&.loading{i.fa{//显示：内联块；左边距：10px；宽度：1em；不透明度：1；}}隐藏也可以用像i{position:absolute;这样的样式来完成。显示：块；高度：0；填充：0；保证金：0；}
