How Do You Get Internet Explorer To Recognize Rounded Corners and Box Shadow?

HTML & CSS
1

I’m currently using a website template that has rounded corners and box shadow in the CSS and it seems that Internet Explorer 8 is not recognizing it. It only works in Firefox and Chrome. I found this page below and did as they instructed and it still isn’t working. Any ideas?

http://www.fetchak.com/ie-css3/

2

You’ll either have to lose the CSS solution and go to old-fashioned images, or you use the CSS3 and let IE<= 8 get squares. IE9 alpha is already trying to support these, but 8 and below never will.

You’ll have to decide how integral the rounded corners and gradients etc are for you. Those using CSS3 consider it an “extra” and are knowingly allowing the IE users to get plain edges etc.

3

Hi Greg,

There is a short explanation of Rounded corners as well as links to some additional resources over at the MSDN support site, here’s the link: http://msdn.microsoft.com/en-us/library/bb250413(VS.85).aspx
I hope that helps.

Best,
Rick
IE Outreach Team

4

I only do it if it won’t interfere with anything else but I agree that it’s really down to personal choice as to how you handle it. :slight_smile:

5

For the sake of a bit of unobtrusive scripting, I think it’s worth helping the old browsers

I disagree, but we can here. I don’t feel comfortable scripting all sorts of functionality into broken browsers like that. Square corners isn’t a dropdown menu, as far as importance.

I’m aware of all the cssPIE stuff for IE and the scripts that help IE recognise HTML5… waste of time unless someone (boss) tells you this is the Only Way Or Else.

6

Wrong Stomme, using a bit of HTC / JS magic it can be achieved gracefully:

For box shadow in IE: http://dimox.net/cross-browser-css3-box-shadow/
For rounded corners in IE: http://davidwalsh.name/rounded-corners-ie

For the sake of a bit of unobtrusive scripting, I think it’s worth helping the old browsers :slight_smile: