Is there a way to get border-radius and gradient backgrounds in IE?

Question

I am wondering if there is any work-arounds using javascript or whatever to get IE to show border-radius or gradient background?

Answer 1

You don't need to use jQuery for rounded corners, there are solutions that will make browsers behave well even in the event of javascript being disabled.

Check out http://css3pie.com/, provides a pretty simple solution (htc file) for making this work. As monn indicated IE9 gradient and radius don't work together. Css3Pie is intended to let you dev with css3 markup but provides backups for IE back to IE6.

There's also css3please and compass (for ruby).

This issue has recently been discussed in the HTML5 Boilderplate issue queue (HTML5 Boilerplate is a well-vetted collaboration to bring together the best techniques in modern web markup as a starting point for any platform). https://github.com/paulirish/html5-boilerplate/issues#issue/354

Here's a demo of the problem & solution: http://frugalcoder.us/post/2010/09/15/ie9-corner-plus-gradient-fail.aspx