How to give CSS3 support to IE?

views:

470

answers:

+4 Q:

How to give CSS3 support to IE?

I use IE7.js but it doesn't have CSS3 support. I use jQuery always in my projects.

What is the best lightweight way to give all CSS3 selectors and properties support to IE 6,7,8?

I'm not asking for HTML5 support only asking to give CSS3 support in as much as light on performance way.

You can't really change how a browser implements in rendering process or featured contained in that renderer. IE9 is supposed to support many (all?) CSS3 features, but you will not get to use it for some time.

Like you said, you will need a third-party tool for this.

You might be able to use Google Chrome Frame, but I am not sure if that supports CSS3 yet.

Dustin Digmann 2010-05-11 04:37:56

IE9 definitely won't support all of CSS3 and not as many as the other browsers.

Rob 2010-05-11 04:46:50

@Rob it already scores 68/100 in acid3 test. and it already supports most important part of css3 selectors. see http://ie.microsoft.com/testdrive

Maksim Burnin 2010-05-11 04:58:50

@ Maksim Burning It's IE... Until they redevelop there entire program from scratch it will always be bad. They need to either stop saying they are there own standard or actually develop a decent piece of software.

Thqr 2010-05-11 05:08:36

@Maksim - "Most important part" is not "all" and scoring 68/100 is about 30 points behind where everyone else is now. In addition, their DOM and javascript support is lacking, SVG is missing properties, no support for the canvas element and on and on.

Rob 2010-05-11 12:26:09

@Rob it's not a final version

Maksim Burnin 2010-05-11 12:29:35

@Maksim - Microsoft used that excuse for betas of IE7 and IE8, too. Maybe they'll get close to 100 in two years but they still have not stated any plans to upgrade or fix anything else I mentioned, my main point, they're running as fast as they can just to stay in one place, and that is years behind all the other browsers.

Rob 2010-05-11 18:48:05

@ROB ie8 scores 20/100. ie9 preview 1 scores 55/100. ie9 preview 2 scores 68/100. and they promised to raise this score by final release. and i like this.

Maksim Burnin 2010-05-12 06:12:40

@Maksim - Acid3 is nice, maybe important, but only a small part of what makes a browser good. IE9 will NOT be good for the reasons I stated above and for those failures will pale in comparison to every other browser.

Rob 2010-05-12 14:31:28

@Dustin, Chrome Frame is the same rendering engine as Chrome, so they have the most CSS3 support of any browser.

Paul Irish 2010-05-24 15:38:38

+5 A:

Try keith clarks IE CSS3 pseudo selector emulator: http://www.keithclark.co.uk/labs/ie-css3/

I haven't personally used it but it manually parses your css file and adapts it for ie-browsers.

A downside is you're relying on js for css functionality..

Ben Rowe 2010-05-11 05:38:13

how to use this? it's confusing "To use ie-css3 on your website you'll need to download the ie-css3.js script and one of the supported JavaScript libraries and include them both in your pages as shown in the code sample. "

metal-gear-solid 2010-05-11 06:01:22

@jitendra Sorry, but these are pretty simple and clear instructions...

deceze 2010-05-11 06:09:16

+3 A:

the IE7.js project linked in the question has recently added IE9.js. This brings more CSS3 selector support to legacy IE.

SpliFF 2010-06-19 04:28:04

You can use Google Chrome Frame http://code.google.com/chrome/chromeframe/ This will make your IE render and work as Chrome, which supports all CSS3. All you have to do is to add this <meta http-equiv="X-UA-Compatible" content="chrome=1"> after your <head>. You can try it out online at http://www.typefolly.com/ You have several CSS3 options there like text-shadow or transform.

Mircea 2010-07-12 18:57:00

You also have to persuade every single IE user who visits your site to install it.

David Dorward 2010-07-12 19:02:11

Indeed but if Google is giving support for this it is very probable that the Chrome Frame to be cached.

Mircea 2010-07-12 19:04:19

Err. It's a browser plugin, not a piece of JS. I said users have to **install** it, not let their browser download it invisibly in the background at a small cost of bandwidth.

David Dorward 2010-07-31 20:45:14

+2 A:

What your looking for is this new library: CSS3 PIE

http://css3pie.com/

It gives IE6-8 several CSS3 attribute support.

Sembiance 2010-07-31 20:36:09

+1 A:

There is a thread on this running on webmasters.stackexchange.com with a lot of projects listed:

http://webmasters.stackexchange.com/questions/2350/how-to-enable-css3-features-in-internet-explorer-6-7-and-8/2397#2397

mawtex 2010-08-19 23:34:55

+1 really good list

metal-gear-solid 2010-08-20 03:21:28

ansaurus

tags:

views:

answers:

How to give CSS3 support to IE?

related questions