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

Border radius top left and top right only, in IE
http://css3pie.com/forum/viewtopic.php?f=4&t=1467
Page 1 of 1

Author:  danwednesday [ Tue Jan 17, 2012 10:03 am ]
Post subject:  Border radius top left and top right only, in IE

Hi,

I have this code:

Code:
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    border-radius 20px 20px 0px 0px;
    behavior: url(http://www.mydomain.com/PIE.htc);


It works in Firefox/Webkit etc but not in IE. CSS Pie definitely works as I have it set on other rules and it's working nicely, so it seems to be just an issue with the top-left and top-right values in IE. From what I've read I thought that the way to do this was definitely using CSS shorthand, as I've done.

Thanks for any pointers...

Author:  jason [ Tue Jan 17, 2012 11:07 am ]
Post subject:  Re: Border radius top left and top right only, in IE

Yes this works with the shorthand. You have to have correct syntax of course (your pasted code is missing the colon in between the property name and values)

Author:  xem [ Wed Feb 29, 2012 8:59 am ]
Post subject:  Re: Border radius top left and top right only, in IE

Y U NO just write:

-moz-border-radius 20px 20px 0 0;
-webkit-border-radius 20px 20px 0 0;
border-radius 20px 20px 0 0;
behavior: url(http://www.mydomain.com/PIE.htc);

?

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