小程序-兼容性问题（必看）

                                        13条兼容问题处理方案

在做页面时遇到的一些关于兼容的问题处理方案：

1、background进行背景设置在IE浏览器下失效的原因是IE对空格非常的敏感，如果用background复写形式必须要注意！

2、img在IE下会有所差异，如需可设置outline:none;或者border:none进行调试

3、导航列表只需设定一个宽度，分别对li进行float:left和float:right;

4、如让二级下来菜单不影响一级的可使用绝对定位

5、在图片设置position属性时要注意relative和absolute的区别，一个在标准文档流中而另一个则脱离了标准文档流，在IE浏览器下要特别注意位置的变化！

6、在非a标签的hover属性在IE浏览器下调试可以使用组件hover.htc进行兼容

7、在IE浏览器下对PNG的兼容可以引进

8、在IE下可以使用组件ie-css3.htc进行兼容

9、在JS或JQ中如果要给背景图片设置位置必须要使用，完整的background-position: x y；单独设置的在火狐下无效

10、单独针对IE除了【if IE】设置可使用_color:red;

11、zoom:1;属性是IE浏览器的专有属性，Firefox等其它浏览器不支持。它可以设置或检索对象的缩放比例。除此之外，它还有其他一些小作用，比如触发ie的hasLayout属性，清除浮动、清除margin的重叠等。

12、清除浮动，最优方案为直接使用.clearfix::after { clear:both;display:block;content:' ' ;}

13、JQ下设置滚屏距离时，需在body后添加一个html否则IE和火狐不吃；如：$('body,html').animate({"scrollTop":wH},1000);