`
water84222
  • 浏览: 375367 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

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

    博客分类:
  • css
阅读更多

如果分别用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://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
<![endif]-->


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

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


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

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

演示:
http://ie7-js.googlecode.com/svn/test/index.html

分享到:
评论

相关推荐

    一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

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

    IE.JS解决IE兼容性问题方法汇总

    官网 http://dean.edwards.name/weblog/2008/01/ie7-2/ 一 参考资料 1 解决IE5、IE6、IE7与W3C标准的冲突,使用(IE7.js IE8.js)兼容 http://apps.hi.baidu.com/share/detail/15407414 2 IE7.JS解决IE兼容性问题方法 ...

    IE多版本测试工具(最新版)

    该"IE多版本测试工具"的最新版提供了对多个IE版本的模拟功能,允许开发者在一个环境中测试他们的代码在IE6、IE7、IE8、IE9、IE10及更高版本下的表现。这大大节省了开发者在不同计算机上安装和切换不同IE版本的时间,...

    IE6(Internet Explorer 6)绿色版,免安装版

    6. **DOM操作**:IE6的DOM(文档对象模型)实现与W3C标准有差异,可能导致JavaScript脚本在其他浏览器上运行正常而在IE6上出错。 7. **网页渲染引擎Trident**:IE6采用了Trident渲染引擎,与现代浏览器使用的WebKit...

    IE8如何定义浏览器工作模式避免网页显示混乱

    这样做的目的是使文档遵循更标准的解析规则,减少与IE8新标准模式的冲突。 其次,当仅更改DOCTYPE仍然无法解决问题时,可以使用HTML的META标签`&lt;meta http-equiv="X-UA-Compatible" content="IE=8" /&gt;`来强制IE8...

    解决CSS在IE与火狐下的兼容问题

    - **盒模型差异**:IE采用的是包含边距和边框的盒模型,而Firefox等其他现代浏览器遵循W3C标准,边距和边框不计入元素宽度。为解决此问题,可以使用`box-sizing`属性设置为`border-box`。 2. **CSS Hack策略** - ...

    ie与firefox兼容文档

    IE与Firefox在解析HTML、CSS和JavaScript时的差异主要源于它们对W3C标准的支持程度以及各自特有的功能。这些差异可能导致布局错误、样式问题以及JavaScript功能的不一致。以下是一些关键的知识点: 1. **HTML兼容性...

    JS的IE和Firefox兼容性

    处理这些兼容性问题的关键在于遵循W3C标准和使用跨浏览器的JavaScript库,例如jQuery,它已经处理了许多这样的兼容性问题,使得开发者可以编写更简洁、更一致的代码。同时,持续更新和测试代码以适应新的浏览器特性...

    IE&FireFox;的JS区别

    在Web开发中,JavaScript是一门...为了确保跨浏览器兼容性,开发者应遵循W3C标准,使用像jQuery这样的库,或者使用Babel等工具将ES6+代码转换为广泛支持的老版本JavaScript。同时,进行充分的跨浏览器测试也是必要的。

    js在火狐和IE浏览器的差异

    JavaScript在不同浏览器上可能存在一些兼容性问题,尤其是火狐(Firefox)和Internet Explorer(IE)之间。以下是一些主要的差异及其解决方案: ...同时,遵循W3C标准和最佳实践也能减少遇到这类问题的概率。

    浏览器中JS的兼容问题

    本文将详细探讨在Internet Explorer(IE)和Mozilla Firefox(FF)两大主流浏览器中常见的JS兼容问题及其解决方案,并提供实用建议帮助开发者提升代码的兼容性。 #### 一、对象问题 ##### 1.1 Form对象 **现有问题...

    ie6 大环境下暂时不要考虑w3c标准

    本文将深入探讨IE6与W3C标准之间的冲突,以及在实际开发中的应对策略。 首先,IE6是一款由微软发布的古老浏览器,由于其不自动更新的特性,导致许多用户仍在使用过时的版本,这给网站开发者带来了巨大的负担。IE6并...

    Internet Explorer6中文绿色版

    5. **DOM操作**:IE6的DOM实现与W3C标准不一致,需要特别留意DOM元素的选择、操作和事件绑定。 总的来说,"Internet Explorer6中文绿色版"是一个有价值的工具,帮助开发者应对那些仍需在旧版浏览器上运行的项目。在...

    兼容IE和Firefox的Html在线编辑器!

    为了确保在不同的浏览器中表现一致,我们需要遵循W3C的标准,使用语义化的标签,如`&lt;header&gt;`、`&lt;nav&gt;`、`&lt;section&gt;`、`&lt;article&gt;`等,同时避免使用已被废弃的元素。 接着,CSS(Cascading Style Sheets)用于控制...

    IE和火狐的区别

    - **Firefox**:使用Gecko渲染引擎,以支持W3C标准为主,对HTML5、CSS3、JavaScript等现代Web技术有强大的支持,更新迭代速度快,能及时跟进新的Web标准。 3. **安全性与隐私** - **IE**:历史上曾多次因安全漏洞...

    JS:document.all的用法

    尽管它并不是W3C标准的一部分,但在IE系列浏览器中,这一特性提供了额外的灵活性,尤其是在处理DOM元素时。 ### 一、`document.all`属性简介 `document.all`属性返回的是一个类似于数组的对象,包含了文档中的所有...

    IE6 fixed的完美解决方案

    随着IE7及以上版本的浏览器开始支持position: fixed属性,对于仍广泛使用的IE6浏览器,我们需要寻找其他解决方案。 在描述中提到的使用JavaScript事件的方案,虽然可以实现类似fixed的效果,但存在消耗较多资源、...

    JavaScript Table行定位效果

    首先想到的方法是给tr设置relative,用ie6/7测试以下代码: Code &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; ...

    IE对标准的支持不够好导致CSS渲染跟其它浏览器有什么不同

    IE的很多版本对于CSS的解释和渲染与W3C的标准不完全一致,这就意味着在IE上可能会出现与Chrome、Firefox、Safari等其他浏览器不同的显示效果。此外,IE的一些旧版本中存在一些特有的bug和不规范的实现,这迫使Web...

Global site tag (gtag.js) - Google Analytics