Forums
View unanswered posts | View active topics It is currently Thu Apr 24, 2014 4:26 pm



Reply to topic  [ 3 posts ] 
 Does not work when adding only a single border radius. 
Author Message

Joined: Sat Oct 16, 2010 9:50 pm
Posts: 2
Post Does not work when adding only a single border radius.
Hello,

I've used css3pie for the first time and I'm pleasantly surprised. I really like it.

However I found one certain situation where it doesn't work.

It works when the borders are set for all 4 of them:
Code:
#this-works
{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
 
  behavior: url(/path/to/css3pie/PIE.htc);
}


But this doesn't render the borders:
Code:
#this-does-not-work
{
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
 
  behavior: url(/path/to/css3pie/PIE.htc);
}


Any idea on how to avoid this?

Many thanks in advance!
Cheers,
Danny


Sat Oct 16, 2010 9:57 pm
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1430
Post Re: Does not work when adding only a single border radius.
As described in the documentation, PIE only supports shorthand properties. For border-radius you can use the multi-value shorthand to get different radii on different corners, e.g.:

Code:
border-radius: 0 0 5px 5px;


Sun Oct 17, 2010 11:18 am
Profile

Joined: Sat Oct 16, 2010 9:50 pm
Posts: 2
Post Re: Does not work when adding only a single border radius.
Ah! I see now, that fixed it indeed. Thank you very much, Jason. I appreciate it.

Again, wonderful plugin! :)


Sun Oct 17, 2010 12:59 pm
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 3 posts ] 

Who is online

Users browsing this forum: Bing [Bot] 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:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.