Hacker News Reader

Comment by jonasvp | Hacker News Reader

I've recently started using CSS3PIE (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) 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...

View on HN

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...).

You're very welcome. I see now that it was submitted before (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).

Have you found anything adds text-shadow support to IE?

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.

Text shadow is easy to do, just not always gonna look great:

filter: dropshadow(color=#333333, offx=1, offy=1);

Reply on news.ycombinator.com