Mobile app version of vmapp.org
Login or Join
Jamie184

: How to enable CSS3 features in Internet Explorer 6, 7 and 8? While IE9 looks very promising, IE6, IE7 and IE8 will probably haunt us for many years to come, slowing the spread of CSS3 on

@Jamie184

Posted in: #Css3 #InternetExplorer6

While IE9 looks very promising, IE6, IE7 and IE8 will probably haunt us for many years to come, slowing the spread of CSS3 on the web.

A number of projects based on HTC and JS add some CSS3 support to IE:


CSS3PIE
IE7.js
eCSStender
DD_roundies
border-radius.htc (curved-corner)
ie-css3.htc
ie-css3.js


I only have experience with CSS3PIE (doing the rounded stuff on docs.composite.net/) and except for the mouse over effects this works well and is pure CSS3.

What CSS3 features do the different projects bring to IE and how well? Any of them a clear winner?

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Jamie184

3 Comments

Sorted by latest first Latest Oldest Best

 

@Jamie184

Try Google Chrome Frame. IE users who install it will be able to browse your site in Google Chrome's renderer without switching browsers.

EDIT: You even can use a JS library provided by Google to show a message to users inviting them to install Google Chrome Frame. It's a one-click install, like Flash, does not require restarting the browser, and refreshes your page when it's done.

10% popularity Vote Up Vote Down


 

@Jamie184

Since no one has stepped up yet I’ll try to give an answer to this. It’s mostly gathered from reading css3pie.com/documentation/product-comparison/ and googling around. I only have hands on experience with CSS3PIE. If you know any of the other projects feel free to edit this

CSS3PIE by Jason Johnston
Adds good support for Css3 border-radius, gradients, box-shadow.
My experience with this is that it works pretty well and has great support for border-radius. Problematic for hover effects (I would expect all items on this list suffer from this) but seem flawless when used on static html.
More info at css3pie.com/
ie-css3.js by Keith Clark
Adds support for a lot CSS3 pseudo-class selectors. Is extremely small since it feasts on other js libraries you include, like jQuery.
This could work well with other projects on this list like CSS3PIE.
More info at www.keithclark.co.uk/labs/ie-css3/ UPDATE The ie-css.js project has been reborn here: selectivizr.com/

IE9.js by Dean Edwards
Works for IE6, 7 and 8. Make IE support transparent PNG, new CSS selectors like parent>child and :first-of-type, fixed positioning, max/min width/height support.
It's my impression a lot of work have gone into this over the years. Some reviews are really positive, some dismissive.
More info at code.google.com/p/ie7-js/
ecsstender by Aaron Gustafson
Works with IE6, 7 and 8. In a modular way adds support for CSS3 selectors, font-face, border-radius, box-shadow, colors and transforms.
Very well documented. More info at ecsstender.org/extensions
DD_roundies by Drew Diller
Adds some support for border-radius and png.
More info at www.dillerdesign.com/experiment/DD_roundies/
border-radius.htc by Remiz Rahnas
Very simple support for border-radius.
More info at code.google.com/p/curved-corner/
ie-css3.htc by Nick Fetchak
Some support for border-radius and text-shadow. CSS3PIE claim to do border-radius better.
More info at www.fetchak.com/ie-css3/

10% popularity Vote Up Vote Down


 

@Dunderdale272

Here is a nice article regarding CSS3 and IE6, from Smashing Magazine: www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme