Forums
View unanswered posts | View active topics It is currently Tue Nov 25, 2014 11:21 pm



Reply to topic  [ 3 posts ] 
 Border radius top left and top right only, in IE 
Author Message

Joined: Mon Sep 20, 2010 9:33 am
Posts: 3
Post 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...


Tue Jan 17, 2012 10:03 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1446
Post 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)


Tue Jan 17, 2012 11:07 am
Profile

Joined: Thu Apr 07, 2011 3:23 am
Posts: 73
Post 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);

?


Wed Feb 29, 2012 8:59 am
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 3 posts ] 

Who is online

Users browsing this forum: No registered users 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:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.