Save borders in IE using jquery.corner ()

Question

I use the jQuery "corner" plugin: http://www.malsup.com/jquery/corner/ It almost does an excellent job of making my divs round at the edges.

The problem is that my divs have 1px borders. This works great in Safari, FF, Chrome, etc. Only in IE (8) will borders disappear. It makes the edges round, but without borders.

On the site mentioned above, I found that $ (this) .corner ('keep'); will keep the boundaries. I tried this, but then IE will output square corners (not rounded) and show the borders correctly.

---

Any help? thanks Mexx

Answer 1

div, ( IE).

$(this).corner("round 8px").parent().css('padding', '1px').corner("round 10px")

, , , , .

, , CSS3 IE. , Microsoft ( ): http://msdn.microsoft.com/en-us/library/bb250413%28VS.85%29.aspx

Answer 2

:

$(this).corner("round 38px").parent().css('padding', '1px').corner("round 40px")

.

Answer 3

, , stackoverflow google

divs

jQuery

$('.yourcornerclass').wrap('<div class="youroutercornerclass"></div>');

much more information here @ tonyamoyal with full code examples