首页 > Css code > 完美解决IE bug-使用IE7 library

完美解决IE bug-使用IE7 library

2009年1月15日

关键字:css   hack   IE5   IE6   IE7   IE8   完美解决IE bug

前端工程师的福音,抛弃hack,修复IE。Dean Edwards的IE7 library将解决IE带给我们的烦恼。偶然发现了这个,看到已经是2.0版本了,国外的工程师就是让人佩服,会很用心的写这类的插件。我看了简介,这位工程师也是在遇到了无数的IE bug之后写了这样一个js,用来修复IE和其他现代浏览器的不同。也许有了这个js我们就可以不用在挖空心思的去修复IE和其他浏览器的不同,也可以说是提前的用上了IE7或者说是IE8吧。

当你加入了这段js之后,你的CSS将具备以下的功能:

支持的CSS选择器及伪类:

  • parent > child
  • adjacent + sibling
  • adjacent ~ sibling
  • [attr], [attr="value"], [attr~="value"] etc
  • .multiple.classes (fixes bug)
  • :hover, :active, :focus (对所有元素适用)
  • :first-child, :last-child, :only-child, :nth-child, :nth-last-child
  • :check, :disabled, :enabled
  • :root, :empty, :contains(), :not()
  • :before/:after/content:
  • :lang

性能

  • 支持 HTML and XML
  • 支持导入(@import)样式表
  • 保持了样式表的“层叠”
  • 不用改变文档结构
  • 不会用 js 反复查询 DOM树
  • 使用纯粹的 CSS 执行样式规则
  • 在 standards 和 quirks 两种模式中,都支持W3C box model
  • 支持 fixed(固定)定位 (flicker free)
  • 支持 overflow:visible
  • 支持 min/max-width/height
  • 修复缺失的 (X)HTML 对象 (abbr, object)
  • 标准化的窗体行为
  • 支持 PNG 图片的 alpha 透明
  • 轻量级的 script (22K)
  • 完全模块化 (支持增加/删除修改)
  • 只针对 Microsoft Internet Explorer 5+ (Windows 版本)
  • 并且分成了IE7和IE8两个版本,IE7版本是将IE修复到官方IE7的所有功能,其他的则放在了IE8.js中。

使用方法:
可以直接连接google code中的代码:

<a href=”http://ie7-js.googlecode.com/svn/version/”></a>

需要IE6以下版本升级到IE7对CSS的支持:你可以在 <head>标签内加入下面语句:

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

需要IE5-7可以使用高级选择器,或者换句话说达到IE8的标准请键入西面的脚本:

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

如果你用了 IE8.js就不要需要田间IE7.js了。

网络上的svn地址,你可以随时更新http://ie7-js.googlecode.com/svn/version/
查看Dean Edwards地址:http://dean.edwards.name/weblog/2008/01/ie7-2/
google下载地址:http://code.google.com/p/ie7-js/
演示地址:http://ie7-js.googlecode.com/svn/test/index.html

  • No Related Post

猫嗔 Css code

  1. 目前还没有任何评论.
  1. 目前还没有任何 trackbacks 和 pingbacks.
订阅评论

*
请填写图片中的算术答案,如果你看不清楚可以点击图片收听朗读。
Click to hear an audio file of the anti-spam equation