如果分别用IE5、IE6、IE7浏览同一个网页,将可能出现不一样的效果。
这是它们之间对CSS的解析选择器不一样或错误和个别bug所导致。为了解决这些错误和bug。
我们不得不找到一个能平衡于它们之间的解决方法。

如png透明问题在IE5、IE6下无法显示出其效果,我们可能会使用CSS hack或者引入外部JavaScript来实现。譬如前面我提到过用pngfix的那个方法就是调用外部JavaScript来解决在IE5、IE6下png透明问题。当然还有更多的方法。

而现在有种更加完美的方法能兼容IE5、IE6、IE7的CSS选择器解析不一样问题。那就是: ie7 - js

ie7 - js中是一个JavaScript库(解决IE与W3C标准的冲突的JS库),使微软的Internet Explorer的行为像一个Web标准兼容的浏览器,支持更多的W3C标准,支持CSS2、CSS3选择器。它修复了许多的HTML和CSS问题,并使得透明PNG在IE5、IE6下正确显示。

目前该ie7 - js版本: 2.0 beta 3

用法:
直接引用Google Code服务器上的js文件。

IE7.js
使IE5、IE6升级至兼容IE7
注释使Internet Explorer版本号小于7的IE浏览器载入该代码。

代码"/> 程序代码
<!--[if lt IE 7]>
<script src="http[color=#0080C0]://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
<![endif]-->[/color]

IE8.js
使IE5、IE6、IE7支持更多的W3C标准(修复了许多的HTML和CSS问题)。
注释使Internet Explorer版本号小于8的IE浏览器载入该代码,而其它符合标准的浏览器则会忽略该代码,并在IE8出来后不干扰其工作。

代码"/> 程序代码
<!--[if lt IE 8]>
<script src="http[color=#0080C0]://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]-->[/color]

PNG
此脚本仅修复了图像命名为:*-trans.png
遗憾的是,此方法透明的PNG图像不能平铺(重复)使用在背景上;也不能用在CSS “position”定位属性上 。

除了直接引用Google Code服务器上的js文件外,如果你愿意你也可以下载然后引入
2.0 beta 3下载地址页面:http://ie7-js.googlecode.com/svn/version/2.0(beta3)/
下载地址:
IE7.js    http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js
IE8.js    http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js
演示:
http://ie7-js.googlecode.com/svn/test/index.html

解决IE5、IE6、IE7与W3C标准的冲突(IE7.js IE8.js)相关推荐

  1. 谷歌的ie9.js ie8.js ie7.js 解决IE5、IE6、IE7、IE8与W3C标准的冲突

    http://code.google.com/p/ie7-js/ 如果分别用IE5.IE6.IE7浏览同一个网页,将可能出现不一样的效果. 这是它们之间对CSS的解析选择器不一样或错误和个别bug所导 ...

  2. [HTML] Google IE-x.js 解决IEx与W3C标准的冲突

    如果分别用IE5.IE6.IE7浏览同一个网页,将可能出现不一样的效果. 这是它们之间对CSS的解析选择器不一样或错误和个别bug所导致.为了解决这些错误和bug. 我们不得不找到一个能平衡于它们之间 ...

  3. 完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法

    完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法 参考文章: (1)完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法 (2)https://www.cnblogs.co ...

  4. IE7的web标准之道——7:(修正)float双倍margin bug

    IE7的web标准之道 IE历来被web标准的拥护者所诟病,而当FireFox横空出世以后,更多的网页制作者开始关注web标准设计.看着FireFox的市场占有率不停的上升,微软终于推出了IE7.但I ...

  5. 使用JS提交form表单和w3c标准

    情况1: <form name="myfrom" id="myform" method="get" action="b.ph ...

  6. w3c标准 - Css - (4)CSS定位方案

    w3c标准 - Css - (4)CSS定位方案 1. 定位之前看一下BFC (1) 解释 BFC(Block formatting context)直译为"块级格式化上下文".它 ...

  7. W3C是什么?什么是W3C标准?

    什么是W3C W3C是英文 World Wide Web Consortium 的缩写,中文意思是W3C理事会或万维网联盟.W3C组织是对网络标准制定的一个非赢利组织,像HTML.XHTML.CSS. ...

  8. html中w3c标准,W3C是什么意思 W3C标准简介

    W3C是什么意思 W3C标准简介 发布时间:2012-10-26 14:58:03   作者:佚名   我要评论 W3C是英文 World Wide Web Consortium 的缩写,中文意思是W ...

  9. w3c标准 - Css - (1)基本介绍及选择器

    w3c标准 - Css - (1)基本介绍及选择器 1. Css基本介绍: (1)名称 层叠样式表:Cascading Style Sheets,定义如何显示HTML元素. (2)优点 a. 使页面表 ...

最新文章

  1. windows-CODE注入(远程线程注入)
  2. 趣学python3(42)--将字符串格式日期转换为excel的日期格式
  3. 三招武林绝学带你玩转「强化学习」
  4. GDCM:读取两个DICOM文件保存在另外dicom文件中的测试程序
  5. MySQL 复制 - 性能与扩展性的基石:概述及其原理
  6. SQL Fundamentals || Oracle SQL语言
  7. 最大后验估计_PR Ⅱ:贝叶斯估计/推断及其与MAP的区别
  8. 今天的我坐下来的蜡笔小新
  9. 真香!全场景AI计算开源框架MindSpore,我爱了
  10. routing zuul_金三银四跳槽季快到了:送上Spring cloud全家桶系列之Zuul
  11. 利用脚本检查机房中服务器的工作情况,并将ip和主机名放到指定文件中
  12. vim中 E212:无法打开并写入文件的解决办法
  13. 51单片机教室人数进出统计检测LCD1602管显示装置红外传感器
  14. 飞机大战python_飞机大战python
  15. 1分钟学会网站采集方法详解
  16. 数据类型的基本功能(一)
  17. 小样本点云深度学习库_基于点云深度学习的点云数据集制作系统及方法与流程...
  18. RLC元件上电压,电流关系
  19. New Document
  20. 初识JavaWeb(web开发概述、web开发环境的搭建、创建并发布web项目)

热门文章

  1. Xcode10 修改代码后,编译没有反应,或者导入头文件没有提示
  2. Object-C 有私有变量?私有方法?
  3. python序列类型有_Python数值类型和序列类型
  4. mybatis与mysql的优点_mybatis和hibernate比较_区别_优缺点
  5. 基于加权投票的尖峰神经活动数据高效解码
  6. Nilearn中的基本操作和查看
  7. Unity 总裁 John Riccitiello 发话:VR足以匹敌互联网
  8. i卡来了!英特尔公布游戏独显出货时间表,放话今年要卖400万张
  9. 2021人工智能年度评选报名即将截止,3大类别6大奖项等你申报
  10. 苹果回应“远程扫描用户相册”:声明被广泛误解,未设后门,功能仅美国可用...