Is there any way to get border borders and gradient in IE?

Question

I am wondering if there is any work using javascript or something else so that IE displays radius or gradient borders?

Answer 1

jquery for element with radius / corners.

For gradient backgrounds see this .

Answer 2

I stumbled upon this, looking for fixes for using "gradients and border radius" in IE9. And yes, as long as it's true, you can now use both in IE9, you, unfortunately, cannot use them together.

The problem is documented in several places:

• http://abouthalf.com/2010/10/25/internet-explorer-9-gradients-with-rounded-corners/
• http://frugalcoder.us/post/2010/09/15/ie9-corner-plus-gradient-fail.aspx
• Coverage of border radius and IE9 gradient background

The problem seems to be related to the fact that the border radius does not work very well with the IE filter. Unfortunately, the release of IE9 did not produce the appropriate CSS gradients.

Answer 3

You do not need to use jQuery for rounded corners, there are solutions that will allow browsers to behave well even if JavaScript is disabled.

Check out http://css3pie.com/ , provides a fairly simple solution (htc file) to do the job. As stated in monn, IE9 gradient and radius do not work together. Css3Pie is designed to provide you with dev using css3 markup, but provides IE backup for IE6.

There is also css3please and compass (for ruby).

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

Here is a description of the problem and solution: http://frugalcoder.us/post/2010/09/15/ie9-corner-plus-gradient-fail.aspx

Answer 4

This is brand new: https://github.com/bfintal/jQuery.IE9Gradius.js

Just include the last script in your head tag, and it should handle the rest. See readme notes