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

Specific corners aren't round
http://css3pie.com/forum/viewtopic.php?f=3&t=3135
Page 1 of 1

Author:  enchant [ Fri Mar 07, 2014 7:30 am ]
Post subject:  Specific corners aren't round

Tries searching forum for this, but all of my search terms were too common.

Here's my code:

Code:
.rounded {
   border-radius: 12px;
   behavior: url(PIE.htc);
   position: relative;
   overflow: hidden;
}
.roundbottom {
   border-bottom-right-radius: 12px;
   border-bottom-left-radius: 12px;
   behavior: url(PIE.htc);
   position: relative;
   overflow: hidden;
}

<div class="rounded">
This div should have all rounded corners and does.
</div>

<div class="roundbottom">
This div should have rounded corners on the bottom, but all four corners are squared.
</div>


Can anyone tell me why the second div doesn't have rounded bottom corners?

Thanks for any help.

Author:  jason [ Fri Mar 07, 2014 9:45 am ]
Post subject:  Re: Specific corners aren't round

http://css3pie.com/documentation/known- ... #shorthand

Author:  enchant [ Fri Mar 07, 2014 1:00 pm ]
Post subject:  Re: Specific corners aren't round

Not great news, but at least now I know. Thanks.

Author:  jason [ Fri Mar 07, 2014 5:19 pm ]
Post subject:  Re: Specific corners aren't round

To be clear, you can still make the individual corners rounded separately, you just have to use the shorthand to do it.

border-radius: 0 12px 12px 0;

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