完美解决IE bug-使用IE7 library
关键字: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]–>
<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]–>
<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



最新评论