CSS3 Properties in IE With PIE

PIE (Progressive Internet Explorer) is an IE attached behavior that allows IE 6-8 to recognize and display a number of CSS3 properties. It currently has full or partial support for the following CSS3 features: border-radius, box-shadow, border-image, multiple background images, and linear-gradient as background image.

Using PIE in your projects is really simple and straight forward. All you need to do is upload “htc” file on the server and add the behavior in CSS rule of the element: “behavior: url(path/to/PIE.htc);”. You need to make sure that path is relative to the HTML file being viewed, not the CSS file it is called from.

Developed by Jason Johnston; PIE (Progressive Internet Explorer) is Available for download under Apache License Version 2.0.  You can find further information, demos & download on PIE (Progressive Internet Explorer) Website.

Stay Updated

If you found this post useful, consider subscribing to our RSS Feed! You can also stay updated by following us on Twitter and Facebook or by subscribing to our FriendFeed.

Bookmark / Share

Bookmark and Share

Read More




Reader Comments

3 Responses to “CSS3 Properties in IE With PIE”
  1. Jonathan Day says:


    I’ve seen lots of buzz about PIE and if it lives up to the promise, then Hallelujah! Has anyone tried it in the wild and with what level of success?


  2. Andy King says:

    When you browse to the PIE website in IE8, you can see the drop shadow and rounded corner effects at work. But for me, operations like scrolling the page seem to be jerky and slow. Obviously the browser is doing a lot of processing behind the scenes. The CSS3 effects might be nice, but if it slows down page response too much, you would have to ask, is it worth it?

Leave Comment


Stay Updated, Subscribe to RSS Feed




Sponsored Links