IE浏览器兼容问题

该死的IE6浏览器兼容问题及部分解决方案(网上整理)

柔情痞子 提交于 2019-12-06 09:47:49
作为一个初涉前端技术的IT菜鸟,IE浏览器的兼容问题是一个不得不跨越的坎。为了能够在不同浏览器达到同样的显示效果,就不得不花心思想出办法实现兼容。由于各大主流浏览器内核不同,各自的实现标准有所差异,因此同样的CSS样式表可能无法同时适应其它的浏览器,特别是IE6更是让人感觉崩溃。因此就需要用到CSS HACK技术。(针对不同浏览器写不同的CSS代码) 兼容IE6的第一步就是单独对IE进行兼容,你针对IE6所写的代码只影响IE6;有几种方法可以区 分开IE6:IE特有条件注释、CSS选择器、JavaScript,我们将逐一讨论。 一、使用IE特有条件注释 微软给IE添加了条件注释以区分不同版本,任何东西都可以塞进条件注释里:标签、JavaScript、js文件、css、内联样式。可以使用条件注释来针对某一个IE浏览器版本来编写代码。 规则如下:(译注:可参考IE 特有注释(hack)) <!--[if ie]> 这段文字会在所有IE浏览器显示 <![endif]--> <!--[if lte IE 6]> 这段文字仅显示在 IE6及IE6以下版本。 This message will only appear in versions of Internet Explorer less than or equal to version 6. <![endif]--> <!--[if