PIE 1.0 beta 5 released

It’s that time again… another PIE release! Version 1.0 beta 5 is now ready for your coding pleasure.

What’s new and big in this release? IE9 support! This release fills in the few CSS3 features that PIE already supported in IE 6-8 that aren’t natively supported by IE 9’s own rendering engine, specifically: linear-gradient in backgrounds, and border-image.

These features were totally re-implemented for IE 9 using SVG behind the scenes, which allowed us to avoid some of the limitations of the VML used in earlier IEs. For example: you can freely use rgba colors with opacity in gradients, and you can use the ‘repeat’ and ’round’ schemes in border-image. You can also use gradients in conjunction with background-size/position/repeat to create complex background patterns — we’ve got a new demo of some gradient patterns you can check out in IE 9.

Please note: IE 9 is apparently much more strict than earlier versions about requiring PIE.htc to be served with the correct content-type header. As always, make sure your server is configured to send the correct content-type header for .htc files.

In addition to the new IE 9 support, many other issues have been resolved including:

  • The border-image support in IE 6-8 has been improved: it now correctly hides the actual border, and prevents collapsing of the border-width if a border-style is not set
  • An error caused by non-px units on elements that cannot have children has been fixed
  • The background origin and clip parameters are correctly parsed within -pie-background styles
  • Padding on img elements is now correctly rendered
  • Style changes due to :focus and :active pseudo-classes are now correctly detected
  • The ‘transparent’ keyword is now recognized as a color when parsing styles
  • A small number of IE installations out there without a functioning VML engine will no longer see errors and will fall back to non-CSS3 styles
  • Various error conditions are fixed

See the full commit log for more details about the changes.

A note about file size: due to the added IE 9 support, the PIE.htc file is now roughly 6kB larger than the beta4 release. It is planned for a future release to split out IE 9 support and IE 6-8 support into separate files so the download size will be smaller for each version. We recognize that keeping this thing light is very important.

A special thanks go to the users in the forums who helped test and reported bugs against development builds of the new IE 9 support. Getting your real-world testing made a big difference in its quality!

Ready to go? Download PIE 1.0 beta 5 and get to it!

20 Responses

Stay in touch with the conversation, subscribe to the RSS feed for comments on this post.

  1. Christian Krammer

    Great news! Thank you very much for your relentless effort, Jason.

    September 8, 2011 5:46 am

  2. Martin Hintzmann

    As a frontend developer this is the best thing since sliced bread 😀

    Thank you very much, Jason 😀

    September 8, 2011 8:36 am

  3. Emil Rømer Christensen

    Imo this beats sliced bread! 🙂

    September 9, 2011 10:31 am

  4. ralph

    You do a great job, thank you. Do you think about transitions?

    October 1, 2011 4:07 pm

  5. lalit

    thanks for sharing. it is great news. very helpful in drupal. because has been developed for drupal

    October 9, 2011 4:48 am

  6. Martijn

    If you’re going to split up into IE9/IE678 versions, please include a single version too, for those of us that want to use CSS3 compatibility in as many versions of IE as possible 😉

    October 20, 2011 11:18 am

  7. Richard

    I still get the javascript error on the .htc file when printing in IE9.
    Is that a known problem?

    December 7, 2011 9:49 am

  8. Matthew

    I have been using PIE since it went public. Love it!I am currently using it on http://funu.nl/ in a production environment.

    February 23, 2012 4:30 pm

  9. Nicolas

    Thanks a lot for that script, it’ll help a lot and save time for web integration!

    I’m looking forward for new updates!

    April 16, 2012 4:43 pm

  10. Marlene

    I also get the javascript error on the .htc file when printing in IE9.

    April 24, 2012 9:59 am

  11. ajay

    I am also get the javascript error on the .htc file when printing in IE9.Please help me guys. any suggestion.

    September 30, 2012 8:59 pm

  12. julep coupon code

    I’m extremely impressed with your writing skills as well as with the layout on your weblog. Is this a paid theme or did you modify it yourself? Either way keep up the nice quality writing, it’s rare to see
    a nice blog like this one these days.

    June 29, 2013 8:10 am

  13. 23hq.com

    Howdy, i read your blog occasionally and
    i own a similar one and i was just wondering if you get a lot of spam
    feedback? If so how do you reduce it, any plugin or anything you can advise?
    I get so much lately it’s driving me insane so any assistance is very much appreciated.

    July 1, 2013 2:46 pm

  14. Dalene

    Do you mind if I quote a few of your articles as long as I provide credit and sources
    back to your website? My website is in the very same area of interest as yours and
    my users would certainly benefit from some of
    the information you provide here. Please let me know if this okay with you.

    July 2, 2013 3:06 am

  15. discount coupons

    I have read so many content on the topic of the blogger lovers except this paragraph
    is truly a fastidious piece of writing, keep it up.

    July 2, 2013 1:19 pm

  16. http://craigthdb.blog.fc2.com/blog-entry-1.html

    Wow, superb blog format! How long have you been blogging for?
    you made blogging glance easy. The full look of your
    site is magnificent, as neatly as the content material!

    July 2, 2013 11:13 pm

  17. Latrice

    Yes! Finally something about coupons.

    July 5, 2013 2:11 am

  18. printable coupons

    That is very interesting, You’re a very skilled blogger. I have joined your rss feed and look forward to seeking more of your fantastic post. Additionally, I’ve shared your site in my social networks

    July 6, 2013 10:13 am

Continuing the Discussion

  1. CSS3 PIE Beta 5 / PHP::Portal

    […] Официальный релиз […]

    September 9, 20111:33 pm
  2. Vorschaublog

    Linkshake: Spur, Kerning.js, CSS-Terminal und mehr…

    Linkshake – jeden Freitag frische Links rund um das Thema Webdesign, Webentwicklung und Webservices.SpurWebsites beurteilenSpur liefert Ihnen sieben verschiedene Werkzeuge, mit denen Sie Ihre Websites nach den gängigen Design-Prinzipien beurteile…

    September 29, 20116:26 pm