2009-03-25 14 views
2

Ich bin auf der Suche nach einer JavaScript-Bibliothek, die runde Ecken auf div Tags mit einem transparenten Hintergrund erstellen kann, so dass die Hintergrundfarbe/Bild des übergeordneten Elements an den abgerundeten Ecken sichtbar ist. Für ein Beispiel von abgerundeten Ecken ohne einen transparenten Hintergrund, werfen Sie einen Blick auf das linke Menü auf this page. Beachten Sie, dass der Hintergrund des übergeordneten Elements nicht an den Ecken der Menüelemente angezeigt wird.JavaScript abgerundete Ecken mit transparentem Hintergrund

Ich brauche das in IE7 + und FF3 + (idealerweise die anderen Browser auch), und ich würde ein JQuery-Plugin bevorzugen.

Hat jemand gute Ressourcen oder Plugins, die helfen würden?

Antwort

3
+0

Ich habe es ausprobiert und es funktionierte schön in FF, aber schrecklich in IE7 –

+0

@Don: sieht gut aus für mich in IE6, IE7, Opera 9, Safari 4, Chrome, FF2 und FF3. In der Tat sieht in allem identisch aus. –

+0

Entschuldigung, es war tatsächlich IE6, dass es schrecklich aussah, aber du hast gesagt, dass du das auch getestet hast? Hast du das Runden der Menü-DIVs getestet, auf die ich im obigen Beitrag hingewiesen habe? Wenn nicht, dann kann der Unterschied zwischen Ihrem Test und meinem etwas mit dem spezifischen Stil/der Positionierung dieser Elemente zu tun haben. –

0

Es hat eine Menge Einschränkungen ... aber das Transparent Background Corners Plugin könnte in Ihrem Szenario funktionieren.

Wenn Sie können, würde ich jedoch vorschlagen, alle runden Server-Seite mit CSS zu tun. Es sind alles nur Divs innerhalb von divs, mit unterschiedlichen Padding für die Eckdivs. Es wird den enormen Leistungseinbruch von Safari und IE los, wenn Sie viel zu tun haben, und ermöglicht es Ihnen, die Seite für Ihre Benutzer, die Javascript nicht aktivieren können/nicht, stilvoll aussehen zu lassen.

2

Ich habe 2 verschiedene JQuery Corner-Rounding Plugins ausprobiert. This one funktionierte nicht in FF oder IE und this one arbeitete nur in FF.

Allerdings fand ich eine Nicht-JQuery-Bibliothek, die in beiden perfekt funktionierte, DD_roundies.

+0

DD_roundies funktioniert auch für mich am besten. –