浏览器兼容性问题整理

来自：
http://www.qdfuns.com/notes/21128/db10afdde2abe5f0b72d5945358987e3.html

三个部分：html部分、css部分、js部分

1、html部分

（1）高版本的浏览器用了低版本的浏览器无法识别的元素，从而导致不能解析。主要体现在html5的新标签上。

解决方法：htmlshim框架可以让低于IE9的浏览器支持html5

（2）img的alt属性，在图片不存在的情况下，各浏览器的解析不一致。

在chrome下显示的是一张破损的图片，在ff下显示的是alt的文字，而在IE中显示的是破损的图片加文字。

（3）ul标签内外边距问题

ul标签在IE6\IE7中，有个默认的外边距，但是在IE8以上及其他浏览器中有个默认的内边距。

2、CSS部分

css的hack问题：主要针对IE的不同版本，不同的浏览器的写法不同。

其他CSS兼容性问题见 http://www.qdfuns.com/notes/21128/db10afdde2abe5f0b72d5945358987e3.html

3、js部分

（1）标准的事件绑定方法函数为addEventListener，但IE下是attachEvent；

（2）事件的捕获方式不一致，标准浏览器是由外至内，而IE是由内到外，但是最后的结果是将IE的标准定为标准；

（3）我们常说的事件处理时的event属性，在标准浏览器其是传入的，IE下由window.event获取的。并且获取目标元素的方法也不同，标准浏览器是event.target，而IE下是event.srcElement

（4）在低版本的IE中获取的日期处理函数的值不是与1900的差值，但是在高版本的IE中和标准浏览器保持了一致，获取的值也是与1900的差值。比如：var year= new Date().getYear();

（5）ajax的实现方式不同，这个我所理解的是获取XMLHttpRequest的不同，IE下是activeXObject

（6）IE中不能操作tr的innerHtml

（7）获得DOM节点的父节点、子节点的方式不同

其他浏览器：parentNode  parentNode.childNodes
IE：parentElement parentElement.children

浏览器兼容性问题整理相关推荐

ie测试兼容的软件,IE系列浏览器兼容性测试点整理
在web项目进行浏览器兼容性测试,论坑最多的,非IE系列浏览器莫属,且IE8是我们组开发的心中的痛,一提到有兼容性bug,第一反应:是不是IE的?卧槽,又是IE8! 由于项目产品需要,管理后台和官网等 ...
前端开发要注意的浏览器兼容性问题整理
2019独角兽企业重金招聘Python工程师标准>>> 首先,我们要知道,为什么各浏览器会产生兼容性问题? 产生这个问题的主要原因是市面上的浏览器的种类很 ...
前端浏览器兼容性问题整理
目录样式相关: 1.不同浏览器标签默认的margin和padding不同 2.IE6双边距问题:在IE6中设置float,同时又设置margin,会出现边距加倍问题 3.DIV浮动IE文本产生3象素 ...
最全整理浏览器兼容性问题与解决方案（转）
所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况.在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的 ...
1.最全整理浏览器兼容性问题与解决方案
常见浏览器兼容性问题与解决方案所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况.在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或 ...
浏览器兼容性及其解决方案整理
一.了解浏览器主流浏览器:IE(Trident内核).Firefox(火狐:Gecko内核).Safari(苹果:webkit内核).Google Chrome(谷歌:Blink内核).Opera( ...
html 布局兼容性,HTML+CSS入门浏览器兼容性问题及解决方案
本篇教程介绍了HTML+CSS入门浏览器兼容性问题及解决方案,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 问题一:不同浏览器的标签默认的外补丁和内补丁不同问题现象: ...
浏览器兼容性问题汇总及解决方案
最近一直在调测系统在各个浏览器的兼容性问题,真是让人抓狂啊,我最爱的Firefox竟然还是出问题最多的,好伤心--把碰到的问题和查到的一些资料总结一下写在这里,一方面方便自己以后使用,另一方面希望对遇 ...
解决浏览器兼容性问题面试题_如果不解决技术面试问题，就无法解决技术多样性问题。这是数据。...
解决浏览器兼容性问题面试题 by Aline Lerner 通过艾琳·勒纳(Aline Lerner) 如果不解决技术面试问题,就无法解决技术多样性问题. 这是数据. (You can't fix d ...

浏览器兼容性问题整理

浏览器兼容性问题整理相关推荐

最新文章

热门文章