Grenzen behalten in IE mit jquery.corner()

Question

Ich benutze das jQuery-Plugin "Ecke": http://www.malsup.com/jquery/corner/ Es macht fast einen großen Job machen meine Divs rund an den Rändern.

Das Problem ist, meine Divs haben Grenzen von 1px angewendet. Dies funktioniert hervorragend in Safari, FF, Chrome usw. Nur in IE (8) werden die Grenzen verschwinden. Es macht die Kanten rund, aber keine Grenzen.

Auf der oben genannten Seite fand ich, dass $ (this) .corner ('keep'); wird die Grenzen behalten. Ich habe das versucht, aber IE wird dann quadratische Ecken ausgeben (nicht gerundet) und die Grenzen korrekt anzeigen.

---

Irgendwelche Hilfe? thx, Mexx

Answer 1

Laut der Dokumentation auf ihrer Website können Sie zwei Div verschachteln, so dass es aussieht, als gäbe es einen Rahmen (es wird auf IE funktionieren).

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

Ich denke persönlich es hässlich ist, da Sie nutzlos Markup hinzufügen, aber ich bin affraid es die einzige Lösung ist, wenn Sie zu diesem Plugin halten möchten.

Ich weiß, dass es andere Lösungen gibt, wenn Sie CSS3s Border-Radius in IE verwenden möchten. Sie sollten lesen, was Microsoft darüber zu sagen hat (und klicken Sie auf die Links zur Verfügung gestellt): http://msdn.microsoft.com/en-us/library/bb250413%28VS.85%29.aspx

Answer 2

Versuchen Sie es mit:

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

gibt es ein zu Problem.

Answer 3

Ich weiß, das ist alt, aber es geschieht für diese Frage

einfache Lösung ohne erneuten jigging aller Ecke divs von Hand

Verwendung jQuery

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

das erste Stackoverflow Ergebnis in Google sein

viel mehr Informationen hier @tonyamoyal mit vollständigen Codebeispielen