3 ms·

I've recently started using CSS3PIE (http://www.css3pie.com http://www.css3pie.com) in production and can only recommend it. It enables you to use CSS3 declarat

by jonasvp 16y ago

I've recently started using CSS3PIE (http://www.css3pie.com http://www.css3pie.com) in production and can only recommend it. It enables you to use CSS3 declarations such as box-shadow and border-radius in Internet Explorer, even under version 6! It's trivial to use and much faster than IE7.js since it relies on the browser engine to do most of the work parsing selectors etc. The author Jason Johnston is very responsive in the forums as well. Even better, the upcoming version 0.11 of Compass (http://beta.compass-style.org http://beta.compass-style.org) includes a mixin for PIE which makes adding cross-browser rounded corners a matter of two lines. Didn't think I'd see this happen in my lifetime...

evo_9 16y ago
This is a great/easy solution - thanks for posting this. I spent maybe 5 minutes adding this to my site, and I have to say I'm impressed. Copy the file to your server, add one new tag to your css wherever your radius css defs are and viola, done. Prior to using this I was able to get IE looking nearly identical to Chrome/FF/Safar - except for drop-shadows and rounded corners. I've been pretty strict about not deviating from the open standards and this has actually caused several arguments between me and one of my biz partners (he just doesn't get why I refuse to 'fix' the issue in IE with one of the graphic hacks out there - and has been seeking advice from designers about this even!). So yeah, huge thanks again because not only does this solution thorough rocks for what I needed and took no time to implement, but also now my biz partner is going to have one less thing to fight with me about (and probably move back on to telling clients about new features he wants that I have't started yet...).
- jonasvp 16y ago
  You're very welcome. I see now that it was submitted before (http://news.ycombinator.com/item?id=1736030 http://news.ycombinator.com/item?id=1736030) but didn't get any upvotes. Bad timing, I guess. I submitted it again in the hopes that it will help others (http://news.ycombinator.com/item?id=2086498 http://news.ycombinator.com/item?id=2086498).
- nolite 16y ago
  Have you found anything adds text-shadow support to IE?
  - evo_9 16y ago
    I haven't looked into that; the designer we used didn't use that effect and I've been strictly 'painting by numbers' trying to visually match IE to everything else. Sounds like a pain though.
  - Klonoar 16y ago
    Text shadow is easy to do, just not always gonna look great: filter: dropshadow(color=#333333, offx=1, offy=1);

by jonasvp 16y ago

evo_9 16y ago

This is a great/easy solution - thanks for posting this. I spent maybe 5 minutes adding this to my site, and I have to say I'm impressed. Copy the file to your server, add one new tag to your css wherever your radius css defs are and viola, done. Prior to using this I was able to get IE looking nearly identical to Chrome/FF/Safar - except for drop-shadows and rounded corners. I've been pretty strict about not deviating from the open standards and this has actually caused several arguments between me and one of my biz partners (he just doesn't get why I refuse to 'fix' the issue in IE with one of the graphic hacks out there - and has been seeking advice from designers about this even!). So yeah, huge thanks again because not only does this solution thorough rocks for what I needed and took no time to implement, but also now my biz partner is going to have one less thing to fight with me about (and probably move back on to telling clients about new features he wants that I have't started yet...).

jonasvp 16y ago
You're very welcome. I see now that it was submitted before (http://news.ycombinator.com/item?id=1736030 http://news.ycombinator.com/item?id=1736030) but didn't get any upvotes. Bad timing, I guess. I submitted it again in the hopes that it will help others (http://news.ycombinator.com/item?id=2086498 http://news.ycombinator.com/item?id=2086498).
nolite 16y ago
Have you found anything adds text-shadow support to IE?
- evo_9 16y ago
  I haven't looked into that; the designer we used didn't use that effect and I've been strictly 'painting by numbers' trying to visually match IE to everything else. Sounds like a pain though.
- Klonoar 16y ago
  Text shadow is easy to do, just not always gonna look great: filter: dropshadow(color=#333333, offx=1, offy=1);