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

Border Radius not working in IE8
http://css3pie.com/forum/viewtopic.php?f=3&t=3086
Page 1 of 1

Author:  Grant Senior [ Fri Dec 27, 2013 7:56 pm ]
Post subject:  Border Radius not working in IE8

Hello there, any chance I can get some help on this please?

Yes, I have checked the Known Issues and have added position:relative to the class in the css file, but I am still not getting the border radius to show in IE8. Pie is in it's own folder 'pie' and the path to it in the css file is relative to the index page needing it.

Any ideas what it is I'm doing wrong? Here's a link the page in question, the problem is with the rounded corners on the top of the tab, bottom left on top of the footer.
http://waitakeries.businesscatalyst.com

Cheers in advance.
Grant

.topFootTab{
float:left;
width:100px;
padding-left:20px;
height:14px;
padding-top:10px;
background:#d5d3c7;
color:#1c5747;
font-size:12px;
text-transform:uppercase;
font-family: 'RobotoCondensed-Bold';
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
position:relative;
behavior: url(pie/PIE.htc);
}

Author:  jason [ Mon Dec 30, 2013 10:11 am ]
Post subject:  Re: Border Radius not working in IE8

See "Shorthand Only" at http://css3pie.com/documentation/known- ... #shorthand

Author:  Grant Senior [ Mon Dec 30, 2013 2:43 pm ]
Post subject:  Re: Border Radius not working in IE8

Rats. So I can't do 'some' rounded corners with PIE, must be all.
Oh well......
Thanks Jason, appreciate the help.

Author:  jason [ Wed Feb 05, 2014 1:34 am ]
Post subject:  Re: Border Radius not working in IE8

No, you didn't read the documentation carefully. You can do different radii per corner, but you have to use the shorthand syntax to do it.

For example:

border-radius: 5px 5px 0 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/