views:

21388

answers:

9

Does anyone know if/when Internet Explorer will support the "border-radius" CSS attribute?

+6  A: 

Yes, someone knows.

Robert P
I'm beginning to doubt that...
Jen
Sorry, I hate funny answers, but it was too easy and I couldn't resist. :P
Robert P
Robert P: You can have my last vote of the day!
Ali A
+6  A: 

Does anyone know when IE will support CSS1?

ck
Never: http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx It's only targeting 2.1 and some of 3.0
Ben S
+11  A: 

It is not planned for IE8. See the CSS Compatibility page.

Beyond that no plans have been released. Rumors exist that IE8 will be the last version.

Ben S
You are obviously wrong, because IE9 is supposed to support CSS3 too, and I dont see IE dying anywhere. Someone pls kill IE
Starx
+9  A: 

While you're waiting.. Curved corner (border-radius) cross browser

Luis Melgratti
+5  A: 

Quick update to this question, IE9 will support border-radius according to: http://blogs.msdn.com/ie/archive/2009/11/18/an-early-look-at-ie9-for-developers.aspx

simonrjones
+13  A: 

The answer to this question has changed since it was asked a year ago. (This question is currently one of the top results for Googling "border-radius ie".)

IE9 will support border-radius.

There is a platform preview available which supports border-radius. You will need Windows Vista or Windows 7 to run the preview (and IE9 when it is released).

David Johnstone
+1  A: 

The corner radius issue of IE gonna solve.

http://kbala.com/ie-9-supports-corner-radius/

jaya
+7  A: 

Yes! When IE9 is released in Jan 2011.

Let's say you want an even 15px on all four sides:

.myclass {
 border-style: solid;
 border-width: 2px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px 15px 15px 15px; /* for some reason you have to declare all corners in ie*/
}

IE9 will use the default border-radius, so just make sure you include that in all your styles calling a border radius. Then your site will be ready for IE9.

-moz-border-radius is for Firefox, -webkit-border-radius is for Safari and Chrome.

Furthermore: don't forget to declare your IE coding is ie9:

<meta http-equiv="X-UA-Compatible" content="IE=9" />

Some lazy developers have <meta http-equiv="X-UA-Compatible" content="IE=7" />. If that tag exists, border-radius will never work in IE.

Kevin
Presumably if you're not using the X-UA-Compatible meta tag you don't need to add it just to make it work in IE9?
thepeer
You should be putting the vendor prefix versions FIRST and the standard LAST so that if the browser supports the actual standard then it will use that instead of it's vendor prefixed version.
Jason Berry
Correct you don't need the meta tag.. you only need to replace the ie7 emulator if it is included. Otherwise, don't worry about it.
Kevin
+1  A: 

A workaround and a handy tool:

CSS3Pie uses .htc files and the behavior property to implement CSS3 into IE 6 - 8. http://css3pie.com/

Modernizr is a bit of javascript that will put classes on your html element, allowing you to serve different style definitions to different browsers based on their capabilities.

Since I can only post one url, you'll have to google it: modernizr

Obviously, these both add more overhead, but with IE9 due to only run on Vista/7 we might be stuck for quite awhile. As of August 2010 Windows XP still accounts for 48% of web client OSes.

Peter G