Quinn

把所有的时间为你们服务,请叫我雷锋。。。

笔记

关于浏览器兼容的那些事

已有 530 次阅读2016-03-06 16:04 |系统分类:杂谈 |

在做页面时遇到的一些关于兼容的问题处理方案:
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;        【IE6支持  】
                                                               *+color:red;       【 IE7支持 】
                                                                *color:red;        【IE6、IE7支持 】    
                                                               color:red !important;  【 Firefox、IE7支持 】  ;  
                                                               color:red\9;                【  IE6、IE7、IE8支持 】
                                                              color:red\0;                 【IE8支持 】
                                                             
                                                              @media screen and (min-width:0){  .hacktest {background-color:black\0;} }【 opera】   
                                                              @-moz-document url-prefix(){.quyu{left: 151px;}};                                         【firfox】
                                                              @media screen and (-webkit-min-device-pixel-ratio:0){ .hacktest {background-color:gray;} } 【 】
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);

标签: 浏览器兼容 js兼容 css兼容 举报

收藏 1人收藏
给个赞0人点赞

笔记作者:Quinn

笔记链接:

原创声明:此笔记被 Quinn 标注为原创笔记,未经作者同意转载必须保留此段声明,且在文章页面明显位置给出原文链接,否则保留追究法律责任的权利。

评论
0 /300