Forums
View unanswered posts | View active topics It is currently Wed Oct 01, 2014 2:18 pm



Reply to topic  [ 2 posts ] 
 box-shadow Produces Rounded Corners 
Author Message

Joined: Sat Dec 07, 2013 12:38 pm
Posts: 1
Post 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


Sat Dec 07, 2013 1:20 pm
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1443
Post 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.


Mon Dec 09, 2013 11:38 pm
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 2 posts ] 

Who is online

Users browsing this forum: No registered users and 1 guest


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.