解析CSS+DIV在IE6和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妥协?这个问题其实有些多余,我们能做的,或许只有选择中庸,只有尽量调试到各个浏览器都显示正常吧。

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

【编辑推荐】

  1. IE6.0中使用Javascript支持png格式图片
  2. JS实现IE6下PNG图片透明又出新方法!
  3. JavaScript数组元素删除问题解决方案
  4. JavaScript对象的定义及创建实例
  5. 解析Javascript中replace()方法使用

网站栏目:解析CSS+DIV在IE6和IE7中的区别
网站地址:http://www.shufengxianlan.com/qtweb/news42/467442.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联