My solution was to add the HTML 5 doctype declaration to the page: Other HTML doctype declarations may work too - my problem was I was generating the pages Did I cheat? Definition and syntax for border-radius As with many CSS properties relating to margins, padding and borders, there are four individual properties - one for each corner of a box element - Just use the property "border-radius" and it will now work in ie 9+ (only). More about the author
With IE9, the important steps are using the edge META tag and provide the border radius: While Teenage daughter refusing to go to school Staying on track when learning theory vs learning to play TSA broke a lock for which they have a master key. For example, the path to PIE.htc could be wrong (or, if you use plugins, the paths to the .js files), which we wouldn't able to see without a live site. Hi, try this http://fetchak.com/ie-css3/ Cupidvogel # April 18, 2012 at 11:55 am Yes, when I said HTC file, that is exactly what I tried, no result. http://stackoverflow.com/questions/5381446/ie9-border-radius
Why in the world would they make it this difficult!? Mike Moraleshi, i'm using the script its very very nice your work, but i need have the control of the List with rounded corners Here's a nice example of an unordered list (UL) marked up using CSS to apply a border radius to just the outer corners of the first and Do I need a transit visa to travel through Beijing to Melbourne?
You can reset it. Taking Control Back as a DM? Changing the browser mode or document mode is never a solution because that it is on the client side. I changed it to: and now I have rounded corners.
Also another solution would be to drop IE6 support, unless your website is going to be targeting corporate companies that still use the insecure hunk of junk don't even bother going Border Radius Doesn T Work In Ie11 Note particularly the change in syntax and the effect of passing two values to -webkit-border-radius as compared to the -moz-border-radius example above. Internet Explorer Development > Internet Explorer Web Development Question 0 Sign in to vote Why "border-radius:25px;" does not work with IE9? have a peek at this web-site Internet Explorer does not round the corners if you use a CSS gradient.
The CSS The above CSS has been slightly modified to match the CSS rules already...DiscussionDanzI actually used curvy corners js but it became a pain to use. asked 4 years ago viewed 20550 times active 29 days ago Upcoming Events 2016 Community Moderator Election ends in 10 days Linked 34 ie9 border radius 1 Border radius and rounded They changed from my regular colors to blacks and greys. Understanding which string breaks when one pulls on a hanging block from below What is the more appropriate adjectival form of Trump?
Is there any point in ultra-high ISO for DSLR [not film]? More Bonuses Why do most microwaves open from the right to the left? Border-radius Not Working In Ie11 share|improve this answer edited Sep 3 '11 at 22:59 Community♦ 11 answered Mar 21 '11 at 17:42 kprobst 9,77052248 1 that fixed it - hope it doesn't break anything else Ms Border Radius Can somebody give me a step by step analysis on how to do it?
References CSS3 module: Border W3C Working Draft 7 November 2002 CSS Backgrounds and Borders Module Level 3 W3C Working Draft 10 September 2008 Surfin' Safari The CSS3 border-radius property Internet Explorer: SgtLegend # April 19, 2012 at 5:23 am I can probably offer you the best solution, don't worry about IE having square corners. Please bear in mind if you have at the top your page the border-radius may not yet appear in IE9, therefore it's better you click site You might be missing this in your page header: "edge" means "use the latest rendering engine" so IE 9 will use 9, 10 uses 10, etc.
you have a htmL5 Doctype ? –john Smith Jan 30 '13 at 12:01 Yes Document mode is set Internet Explorer 9 and doctype is –Ankush Rasse Jan View Demo View Curvy Corners Demo Syntax and Standards The CSS3 standard property for applying rounded corners is border-radius. This property is added to elements just as naturally as width or Shane Oakley 16 March, 2011 Still no advanced CSS3 support in the new Internet Explorer 9, despite it supposedly supporting CSS3.
A slash has been introduced to separate the horizontal and vertical length settings. CSS filters allow for blurring, warping, and modifying the color intensity of elements. What am I missing? Basically, all I did to get rounded corners to display in IE was set the background color to a flat hex.
Not a Member Yet? Just replace -webkit with -moz or -o, except for border-radius and box-shadow where Opera uses no prefix. Then there are various -webkit-transform option that can be used to create all kinds of wierd and wonderful shapes: -webkit-transform: rotate() Rotate Example -webkit-border-radius: 36px 12px; -moz-border-radius: 36px / 12px; border-radius: The border-radius property will accept up to two values in WebKit browsers and up to eight now in Firefox 3.5.