CSS3 PIE Forums
http://css3pie.com/forum/

box-shadow Produces Rounded Corners
http://css3pie.com/forum/viewtopic.php?f=3&t=3083
Page 1 of 1

Author:  dinotwo [ Sat Dec 07, 2013 1:20 pm ]
Post subject:  box-shadow Produces Rounded Corners

I wish to have an inner border, center border, outer border, and a shadow on some images.
Code:
   -webkit-box-shadow: 0 0 0 1px #000000, 0 0 0 9px #FFFAE6, 0 0 0 10px #000000, 0 0 8px 10px rgba(0,0,0,.6);
   -moz-box-shadow: 0 0 0 1px #000000, 0 0 0 9px #FFFAE6, 0 0 0 10px #000000, 0 0 8px 10px rgba(0,0,0,.6);
   box-shadow: 0 0 0 1px #000000, 0 0 0 9px #FFFAE6, 0 0 0 10px #000000, 0 0 8px 10px rgba(0,0,0,.6);
   behavior: url(PIE/PIE.htc);
seems to render OK except that PIE produces rounded corners in ie7-8.
Demo: http://www.churchatlitchfieldpark.org/test.html
I also have a 2-layer work around at the url above, but would naturally prefer the simple code.
Any help would be greatly appreciated.

Carroll

Author:  jason [ Mon Dec 09, 2013 11:38 pm ]
Post subject:  Re: box-shadow Produces Rounded Corners

Interesting. I wonder if the 2.0 beta would do this correctly; its border rounding code was largely rewritten and it might handle this better.

Page 1 of 1 All times are UTC - 7 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/