PIE 1.0 beta 2 released

CSS3 PIE version 1.0 beta 2 has been released! This release addresses many of the most serious issues present in beta 1. Notable fixes are:

  • The box-shadow rendering has been completely rewritten. The new version no longer uses any filters, which has completely eliminated the very poor performance previously seen when using box shadows, particularly on large elements. It is also much more accurate in the rendering of blurred shadows; it is now indistinguishable from the blur rendering of other browsers.
  • Elements with PIE applied now react to mouse events (hover/click/etc.) throughout their entire background area, rather than just on their text contents.
  • A workaround has been put in place to prevent the CSS3 rendering elements from getting out of sync with the position and dimensions of the target element in IE8.
  • Styling of <input/> buttons and <button/> elements has been fixed.
  • No longer throws an error when applied to hidden elements or elements with 0×0 dimensions.
  • Background images are now clipped more accurately in IE8, preventing extra pixels bleeding around non-repeated images and making sure repeated images go all the way to the edges.
  • Various minor performance improvements.
  • PIE has been relicensed under a dual-license model. In addition to the Apache 2 license, you may now alternatively use PIE under the terms of the GPL2. This allows it to be distributed in open source channels such as drupal.org and wordpress.org.

I’d like to give a huge thanks to the community for their overwhelming support and encouragement since the first release, and for the excellent bug reports and testcases they have produced to help make PIE better. Keep ‘em coming! You guys rock!

Download PIE 1.0beta2

25 Responses

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

  1. Bayu bagja

    Wow, great! i’ll try it now. Thank you for your hardwork :)

    by the way, how about text-shadow?

    July 28, 2010 2:23 pm

  2. Jacob

    Thank you so much for your hard work on PIE. It’s a blessing.

    July 28, 2010 2:39 pm

  3. Marc

    Thanks for your reactivity.
    A French article has just been written on CSS3 tools, placing PIE on the top list, and saying it’s the most robust :
    http://www.alsacreations.com/astuce/lire/1076-utiliser-css3-aujourdhui-outils-ressources.html

    July 31, 2010 7:32 am

  4. Spudley

    Fantastic — all the issues I’d come across have been dealt with. Good work!

    (my colleague is annoyed because he just spent a day trying to get it working with a moving element, and your fix makes all his work obsolete! hehehe… I did tell him to wait for the next beta)

    August 2, 2010 2:10 pm

  5. Yotam

    PIE css3 has changed the way I develop for the web.

    Keep up the fantastic work!
    Thank you!

    BTW, if you put up a donation widget I will kindly donate and I’m sure others will too.

    August 4, 2010 7:09 am

  6. David

    Excellent work! I’m using it right now and I’ll keep using it. It doesn’t slow down the site, I didn’t come across big issues (only some that are only related to my own css). Five stars rating ;)

    August 17, 2010 8:27 pm

  7. Sig

    Just tried it on an test Intranet based of a big Redmondian company product.
    After not seeing anything (tried box shadow, linear transient and border radius) I learned the hard way (by skimming through the Github issues list) that neither the body nor the table tags are supported, oh well, off to find another solution…
    Those issues should probably mentioned on the known issues page to be spotted easier.

    August 18, 2010 5:57 am

  8. Alfred

    any news on the IE7 slowness issue?

    September 2, 2010 3:04 pm

  9. Jason Johnston

    @Alfred: I’m afraid you’ll have to be more specific. What slowness issue are you seeing in IE7? There has been a lot of performance work done since beta2 was released, but in beta2 IE7 was actually the fastest of the 3 IEs in my tests.

    September 2, 2010 3:14 pm

  10. Bruno

    When will we have the next version? I cannot find the latest build on github.

    September 8, 2010 12:56 pm

  11. Che

    Currently getting the following error

    Webpage error details

    User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; GTB6.5; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.3; .NET4.0C)
    Timestamp: Mon, 27 Sep 2010 00:03:43 UTC

    Message: Object required
    Line: 50
    Char: 86
    Code: 0
    URI: http://localhost:8888/static/js/PIE.htc

    Message: Object required
    Line: 50
    Char: 86
    Code: 0
    URI: http://localhost:8888/static/js/PIE.htc

    Message: Object required
    Line: 50
    Char: 86
    Code: 0
    URI: http://localhost:8888/static/js/PIE.htc

    Message: Object required
    Line: 50
    Char: 86
    Code: 0
    URI: http://localhost:8888/static/js/PIE.htc

    Message: Object required
    Line: 50
    Char: 86
    Code: 0
    URI: http://localhost:8888/static/js/PIE.htc

    Message: Object required
    Line: 50
    Char: 86
    Code: 0
    URI: http://localhost:8888/static/js/PIE.htc

    Message: Object required
    Line: 50
    Char: 86
    Code: 0
    URI: http://localhost:8888/static/js/PIE.htc

    Message: Object required
    Line: 50
    Char: 86
    Code: 0
    URI: http://localhost:8888/static/js/PIE.htc

    Message: Object required
    Line: 50
    Char: 86
    Code: 0
    URI: http://localhost:8888/static/js/PIE.htc

    Message: Object required
    Line: 50
    Char: 86
    Code: 0
    URI: http://localhost:8888/static/js/PIE.htc

    Message: Object required
    Line: 50
    Char: 86
    Code: 0
    URI: http://localhost:8888/static/js/PIE.htc

    Message: Object required
    Line: 50
    Char: 86
    Code: 0
    URI: http://localhost:8888/static/js/PIE.htc

    Message: Object required
    Line: 50
    Char: 86
    Code: 0
    URI: http://localhost:8888/static/js/PIE.htc

    Message: Object required
    Line: 50
    Char: 86
    Code: 0
    URI: http://localhost:8888/static/js/PIE.htc

    Message: Object required
    Line: 50
    Char: 86
    Code: 0
    URI: http://localhost:8888/static/js/PIE.htc

    Message: Object required
    Line: 50
    Char: 86
    Code: 0
    URI: http://localhost:8888/static/js/PIE.htc

    Message: Object required
    Line: 50
    Char: 86
    Code: 0
    URI: http://localhost:8888/static/js/PIE.htc

    Message: Object required
    Line: 50
    Char: 86
    Code: 0
    URI: http://localhost:8888/static/js/PIE.htc

    Message: Object required
    Line: 50
    Char: 86
    Code: 0
    URI: http://localhost:8888/static/js/PIE.htc

    Message: Object required
    Line: 50
    Char: 86
    Code: 0
    URI: http://localhost:8888/static/js/PIE.htc

    occurs when displaying modal boxes.

    any ideas?

    btw, love css3pie

    September 27, 2010 12:02 am

  12. Patric

    Great work! When will we see Beta3? Will there be an fix for the static problem/content sticking in place on scroll?

    Keep it up!

    September 27, 2010 6:46 pm

  13. Juan

    This is awesome! Thank you for making this tool, it makes working with IE a lot easier. Keep up the good work, I can’t wait for the next release!

    October 7, 2010 2:58 pm

  14. Joao Ferreira

    this is great! thanks a lot! really great stuff!

    October 13, 2010 9:13 pm

  15. Hiren Khambhayta

    Thankyou for such a helpful tool. Much more useful.

    October 14, 2010 11:45 am

  16. aprian

    Thank you for the hard work, css3pie makes working with IE a lot easier.

    Really a must have stuff when we dealing with IE

    October 25, 2010 10:49 am

  17. Johnny

    Any plans for a new release and IE9 compatibility? M$ always finds a way to fuck us in the ass.

    We had to resort to X-UA-Compatible IE=8 in our latest project :/

    October 26, 2010 10:25 pm

  18. Dab

    Just…. WOW
    Such an impressive work!!!!
    Many many thanks from France

    October 28, 2010 7:45 am

  19. Darquan

    There is one little problem with background images.
    In IE8 on x64 there is a transparent 1px “padding” between border and top of the background image.
    Sample screenshot here

    CSS used:

    body{background-color:#ccc}
    .box
    {
    margin:10% auto;
    padding:30px 50px;
    width:60%;
    border:1px solid #98a;
    background-image:url('opbkg2.gif');
    background-repeat:repeat-x;
    text-align:center;
    -moz-border-radius:9px;
    -webkit-border-radius:9px;
    -khtml-border-radius:9px;
    border-radius:9px;
    behavior:url('pie.htc');
    }

    ‘opbkg2′ is a single-pixel vertical line…

    October 31, 2010 1:08 pm

  20. Pabolo

    It would not work…. I even wrote code to pure HTML and nothing…

    November 18, 2010 10:26 am

  21. Andrew

    This is such a great achievement but this is not working when we used some another Js like for accordion I have used round curve but its not come up with class even..can you please let us know where is the problem

    June 23, 2011 1:57 pm

  22. Jay Jalaram Extrusions

    Thanks for a great web tool, this would help in designing my upcoming new website by giving better user interface to more visitors

    April 2, 2013 8:11 am

  23. fille enculeuse catin

    J’ai comme l’impression que je vais en parler sur un site web personnel

    June 27, 2014 1:04 pm

  24. Jaime

    Euhh êtes vous sûr de ce que vous nous affirmez ?

    June 29, 2014 8:33 pm

  25. Film sexy de Cette nana Biatch

    Je pensais écrire un poste identique à celui-là

    July 7, 2014 11:19 am

Some HTML is OK

or, reply to this post via trackback.