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-shadowrendering 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 0x0 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!
23 Responses
Stay in touch with the conversation, subscribe to the RSS feed for comments on this post.
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
Thank you so much for your hard work on PIE. It’s a blessing.
July 28, 2010 2:39 pm
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
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
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
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
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
any news on the IE7 slowness issue?
September 2, 2010 3:04 pm
@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
When will we have the next version? I cannot find the latest build on github.
September 8, 2010 12:56 pm
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
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
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
this is great! thanks a lot! really great stuff!
October 13, 2010 9:13 pm
Thankyou for such a helpful tool. Much more useful.
October 14, 2010 11:45 am
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
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
Just…. WOW
Such an impressive work!!!!
Many many thanks from France
October 28, 2010 7:45 am
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
It would not work…. I even wrote code to pure HTML and nothing…
November 18, 2010 10:26 am
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
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
Awesome tool, would like to use in upcoming designs.
August 3, 2015 12:30 pm