解析CSS+DIV在IE6和IE7中的区别


  本文标签:IE6 DIV IE7

  本文向大家简单描述一下CSS+DIV在IE6和IE7中的差异,IE7宽度在IE6上要宽一些,,正是这个原因网页可能会出现溢出问题,还好这个问题可以通过更改数值或者修改一下百分比解决  。

  CSS+DIV在IE6和IE7中的差异

  1.IE7,IE6div+css出现宽度定义不同

  在宽度定义上出现宽度的解释不同,IE7宽度在IE6上要宽一些,,正是这个原因网页可能会出现溢出问题,还好这个问题可以通过更改数值或者修改一下百分比解决.

  2.IE7.0修复了!important这个bug

  先前由于IE6.0对!important识别存在bug,在firefox和IE中的BOX模型解释不一致导致相差2px,大部分网页标准设计师通过这个bug来兼容IE6.0和firefox,即采用:div{margin:30px!important;margin:28px;}  。但是IE7.0把这个bug给修复了,所以问题又出现了,怎么兼容IE.7.0的同时又能兼容IE6.0和firefox?

  3.BoxModel的改变

  在IE7中,为了适应CSS2.1boxmodel修改了溢出的行为  。

  4.IE7.0中一些CSSfilter将不再可用

  IE7中修改了许多潜在解析错误,这些可能会阻止filter在以前的IE版本中正常工作  。如:*HTMLfilter,下划线filter和/**/注释filter等等  。

  5.IE7.0对很多不规范的css不再支持,对js语法要求更严格规范

  很多在IE6下正常显示的js页面,在IE7下均不能正常显示,并且还没有提示错误  。IE7.0对js语法要求更严格规范,只是这个规范似乎并没有说明,也没有明白的告诉大家,他们是怎么“规”怎么“范”的  。
浏览器不兼容这个难题,一直是网页设计师们头痛的事情  。IE7.0的面世,尚且不论他是否较之IE6.0进步,IE7和IE6之间不兼容,毫无疑问又引入了新的痛处,至少在调试的过程中,又多了一道程序以及随之而来的大量不兼容  。
目前,使用IE7.0的用户尚且是少数,使用IE6.0的用户仍然占据很大的比重  。然而,大量通过IE6测试的网页,在IE7.0中都显示不正常  。

据IE7.0官方解说:

  IE7.0在IE6的基础上引入了strict模式,包含了许多有关于层叠样式表(CSS)解析与呈现的改进  。这些改进意在提高InternetExplorer解释层叠样式表的一致性,以达到W3C的推荐的标准,同时为开发者提供一个可以依赖的功能集合  。

  不管官方的语言是多么动听,也不管IE7.0是不是真的W3C了,浏览器之间太多个性化的东西,太多差异,让我们无可奈何  。在IE7.0下设计出的网页,IE6下面显示的几乎是不堪入目  。那么,我们在设计网页的时候,在解决好IE6.0与火狐的兼容问题的同时,我们是更多的服从符合W3C一些的IE7.0,还是对96%的IE6.0妥协?这个问题其实有些多余,我们能做的,或许只有选择中庸,只有尽量调试到各个浏览器都显示正常吧  。

  新旧技术的兼容与交替是件非常重要的事情,对新技术的尽早的接触与吸收是件好事,但对旧技术的兼容更为重要,因为绝大部分客户还在使用旧的技术