Forums
View unanswered posts | View active topics It is currently Thu Oct 30, 2014 12:54 pm



Reply to topic  [ 3 posts ] 
 Border radius in top corners only? 
Author Message

Joined: Fri Aug 17, 2012 11:19 am
Posts: 3
Post Border radius in top corners only?
Good day,
I have just downloaded and installed the pie.htc and am very impressed!
I do have one question.
I am using the following css which works 100% in all browsers except ie8.

#header{position:relative;width:90%;height:135px;background-color:black;border:1px solid #ec020b;
behavior: url(PIE.htc);
-webkit-border-radius-topleft:18px;
-webkit-border-radius-topright:18px;
-moz-border-radius-topleft:18px;
-moz-border-radius-topright:18px;
border-top-left-radius:18px;
border-top-right-radius:18px;}

If I want all 4 corners rounded it works great but if I want just certain corners (upper right and left) it will not work.
Am I doing something wrong or will this not work?
Thanks for your help
Shepard


Fri Aug 17, 2012 11:28 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1446
Post Re: Border radius in top corners only?
Please see the documentation: http://css3pie.com/documentation/suppor ... der-radius


Fri Aug 17, 2012 1:46 pm
Profile

Joined: Tue Sep 04, 2012 6:52 am
Posts: 2
Post Re: Border radius in top corners only?
Hello? To use PIE in separate corners, just manually set the property in "border-radius" example border-radius: 10px 10px 0px 0px; Applies only rounded corners in the top left and right only. Until more. :)


Tue Sep 04, 2012 7:21 am
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 3 posts ] 

Who is online

Users browsing this forum: No registered users and 3 guests


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.