CSS3 decorations for IE

For information I’ve just seen this little utility PIE http://css3pie.com/ which makes Internet Explorer 6-8 capable of rendering some CSS3 decoration features, border radius, drop shadow and gradients.

I thought it might be of interest or use to someone, I’m just about to start a new site and I’m considering giving it a try. Has anyone else used it?

Regards

Adrian

Too bad they don’t have demos. I’ll give it a try myself on my next project

usefully
thanks

Did anyone get this working? I have placed the PIE.php and PIE.htc in my /assets/css folder and used the css
but this does not seem to work. I suspect the behavoiur file is not being found, but I’m unfamiliar with IE dev tools so not sure how to verify this.

replace

behavior: url(/PIE.php);

with

behavior: url(/assets/css/PIE.php);

oops, that is actually what I had, my bad typo. So it still does not work!

Is your MODx installed in the web root, or in a subdirectory? The leading / means the web root, so if you’re in a subdirectory you’d need /modx/assets/...

OK, Got it working, thanks for the helpful input guys.
It seems like the behavior file was actually being found (man I hate IE developer tools - gimme be webkit inspector or firebug anyday), but for some reason ( which I don’t understand at this point) the element this behavior is applied to must have position:relative set.

Anyway, the result is simply brilliant. I can now use CSS3 features such as box-shadow and rounded corners and have them render in all browsers including IE6 upwards. No more screwing around with background images, man this is such a simple way to lay out pages. (Bring on full CSS3 support).

Sure there is a little extra overhead with the behavior file, but hey, I lose some overhead with fewer background images etc too, so thats a good trade-off.

Hey wdnz - thanks for bringing this to my attention - must look further - AL

Woot! This is really useful!