前端教程
当前位置: 四五合围 > 网络营销知识 > 前端教程
网站建设前台必学:IE兼容性问题
发布日期:2018-09-26 阅读次数:

我们大家会经常碰到这样的问题,有的网站在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这样就使网页达到了一个有效的兼容。

声明:我公司全力支持关于《中华人民共和国广告法》实施的“比较限化违禁词”相关规定,且已竭力规避使用相关“违禁词”(如比较、顶……)等比较限化词汇,如果还有“比较限化违禁词”用在我公司网站内,我公司声明其全部失效。本声明在我公司网站的所有页面内均有效,所有访问我公司网站的人员、客户均表示默认此内容,不支持任何以“比较限用语、比较限词、广告违禁词”等为借口或理由来投诉我公司违反《中华人民共和国广告法》或《新广告法》等相关法律,以及以此来索要赔偿等的行为。我中心已竭力对旗下所有网站及其内容进行了有*的排查与清理,如仍残留有比较限用语,本公司申明其全部失效,请直接默认其无效,并请及时联系我中心进行更改,感谢您的配合与支持,谢谢!
本站访客:2756