开发者

What scripts are available for fixing up styling bugs & shortcomings in IE?

There are several helpful JavaScripts and .htc behaviors that patch over the holes & buggy features in Internet Explorer's rendering engine. It seems most of them have some overlapping or incomplete feature support and it's hard to decide what to use:

  • DD_Roundies: border-radius
  • Fetchak ie-css3: border-radius, box-shadow, text-shadow emulation using VML
  • Keith Clark's ie-css3: advanced selector support
  • CSS3 PIE: border-radius, box-shadow, border-image, multiple background images, linear-gradient as background image, rgba
  • IE PNG Fix: Alpha-transparent PNG support using AlphaImageLoader
  • DD Belated PNG Fix: Alpha-transparent PNG support using VML
  • Dean Edwards IE[7-9].js: advanced selectors, alpha-transparent PNG, position:fixed, min/max-width/height, box-sizing
  • eCSStender: css3 selectors
  • Selectivizr: css3 selectors

Please add to this list if you have any more: this 开发者_高级运维is a community wiki.

Which are your preferred scripts? What are the benefits & limitations & gotchas?

Update: these scripts are now commonly called "Polyfills"


Not a script, but probably worth mentioning the Google Chrome Frame plug-in:

Google Chrome Frame is an open source plug-in that seamlessly brings Google Chrome's open web technologies and speedy JavaScript engine to Internet Explorer. With Google Chrome Frame, you can:

  • Start using open web technologies - like the HTML5 canvas tag - right away, even technologies that aren't yet supported in Internet Explorer 6, 7, or 8.

  • Take advantage of JavaScript performance improvements to make your apps faster and more responsive.


HTML5 Shiv: HTML5 IE enabling script.

But basically, these scripts get the work done, but at the cost of performance issues and such. There are some acceptable workarounds such as using "PNG8 alpha transparency" as a replacement for PNG fix. It's just a matter of project type.


I suggest also Blueprint CSS

http://www.blueprintcss.org/

Quoting their website..

What does Blueprint have to offer?

* A CSS reset that eliminates the discrepancies across browsers.
* A solid grid that can support the most complex of layouts.
* Typography based on expert principles that predate the web.
* Form styles for great looking user interfaces.
* Print styles for making any webpage ready for paper.
* Plugins for buttons, tabs and sprites.
* Tools, editors, and templates for every step in your workflow.
0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜