Question

I was trying to find a definitive article on the IE blog but found nothing. I'm building an internal website where the majority of users are using Safari 4 and Firefox 3. Some PC users are using IE8 so I'd like to know what I should watch out for when I'm using CSS3.

Was it helpful?

Solution

css3.info provides an authoratative overview of the implementation statuses of various modules in different browsers. Most modules are in fact not implemented by any mainstream module, but you can view the compatibility tables for certain modules, which provide detailed information.

OTHER TIPS

I mostly rely on Wikipedia's article comparing CSS layout engines. It's a lot more comprehensive than any of the other links posted so far.

Basically, IE8 doesn't support any CSS3, except for some selectors and some properties that originated at Microsoft to begin with.

One method to get CSS3 to work with IE is CSS3Pie.

Their you get PIE.htc file which enables css3 behavior in your IE browser

I know this is an old question, but for the record, I would also recommend http://caniuse.com/. You can easily look up the support for any given feature.

Also, regarding CSS3Pie, I would encourage caution. There are some really specific requirements regarding how you can implement it that make it difficult to maintain. For example:

  • The path to PIE.htc must be relative to the html page and not the css file where it is linked.
  • If you use an absolute path, it must be on the same domain.

See here: http://css3pie.com/documentation/known-issues/

The compatibility master table on Quirksmode.org lists IE8's CSS3 support as "minimal" when behaving as IE7, and "incomplete" when behaving as IE8. For an extremely detailed breakdown of exactly what is supported and what isn't, see Quirksmode's excellent CSS browser compatiblity chart.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top