网站建设前台必学：IE兼容性问题

最新推荐文章于 2025-01-19 09:45:00 发布

转载最新推荐文章于 2025-01-19 09:45:00 发布 · 688 阅读

文章标签：

#IE兼容性

div+css 专栏收录该内容

3 篇文章

订阅专栏

本文探讨了浏览器兼容性问题，特别是IE6至IE8与Firefox之间的CSS兼容难题，并介绍了解决方案，包括使用IE自带的兼容模式及特定的HACK技巧。

我们大家会经常碰到这样的问题，有的网站在IE6、IE8状态下打开错位，但是IE7打开就正常，这是什么问题呢？

关于CSS对IE的兼容问题一直是DIV+CSS的一个大问题，因为不通浏览器识别代码产生的效果是不同的，所以造成了很多浏览器对相同的CSS，产生不同的效果，这样就产生了网站的错位，个人理解是这样的。

关于浏览器兼容性的这种错位，因为浏览器的种类越来越多，从IE5，6，7，8，FF，这些都是比较常用的浏览器，但是正因为各种浏览器的出现，为了更好的兼容各个版本的浏览器，我们就需要学习如何来处理IE的兼容问题。从而网络上出现了很多所谓的HACK ，其实也就是针对各个浏览器的特点，来对各种浏览器的不同嗜好，产生的不同效果，实现的一种兼容各个版本浏览器的效果。

这个地方我们我们不是来讲各种可见的HACK效果，这些大家，可以在百度上来一下，就能找到我们所要的结果。

因为IE从6开始为了适应各个版本，就自身有了一个兼容性，所以我们可以指定给网页一个兼容特性；

比如网页在IE7下无错位，但在IE6 和 IE8下有错位，那么我们就可以指定当用户使用IE6和IE8的时候直接指定给IE6 和 IE8采用IE7的兼容模式来实现网页的不错位。

但是这样一来，网页的兼容特性只是实现了，IE6，IE7，IE8的一个兼容，为了同时兼容FF，我们这个时候就需要使用HACK来达到兼容FF的效果。

这样我们使用IE自身的特性和HACK之间的特性就达到了网页的兼容效果，我认为这样实现兼容效果是最简单最方便的。这样我们其实就是对一种IE和FF之间的HACK在起作用，相对的写了很少的代码，也很实用和方便。

兼容性的问题越来越重要了，特别是IE8的出现让当时大半的网页都出现错位等现象，而解决的办法，我们来看一个网上的例子：

“css兼容IE8

微软在IE8提供三种解析页面的模式：
IE8 Standard Modes ：默认的最标准的模式，严格按照W3C相关规定　　
IE7 Standards Modes ：IE7现在用的解析网页的模式，开起机关是在<head>中加入 <meta http-equiv="X-UA-Compatible" content="IE=7">　　
Quirks Modes ：IE5用的解析网页的模式，开起机关是删除HTML顶部的DOCTYPE声明　　

注意：不同模式间的网页在IE8中可以互相 frame ，因此因不会模式下的DOM和CSS渲染不一样，所以会引发很多问题，务必注意如果你的页面对IE7兼容没有问题，又不想大量修改现有代码，同时又能在IE8中正常使用，微软声称，开发商仅需要在目前兼容IE7的网站上添加一行代码即可解决问题，此代码如下：
<meta http-equiv="x-ua-compatible" content="ie=7" />”

这个例子也就是我上面说到的，从IE6到IE8浏览器中自带的兼容特性。

这样在加上一些HACK这样就使网页达到了一个完全的兼容。