jquery CornerPlugin hintergrundfarbe

[AxelM]

Hallo,
Ich nutze das jquery.corner Plugin um die Ecker von divs zu verschönern.
http://jquery.malsup.com/corner/
Das klappt auch soweit ganz gut....
nur passen sich die "abgeschnittenen" Ecken nicht dem Hintergrund an. Sie werden also nicht transparent.
<-- Hier kann man sehen, was ich meine.
meinetwegen müssen die Ecken nicht gezwungen transparent werden. Wenn ich es schaffe das Hintergrundbild einzubringen bin ich schon glücklich.
Ich arbeite hierfür mit folgendem Befehl:
$("#header").corner("bite 25px").parent().css({'padding':'8px','background-color':' #A793C6'}).corner("bite 25px");
Vielleicht hat ja jemnand eine erluchtende Idee um mit das Problem transparent zu machen

 

[Duddle]

AW: jquery CornerPlugin hintergrundfarbe

Wie in der Einleitung auf der Seite geschrieben legt das PlugIn mehrere kleine, eingefärbte Elemente über das Aktuelle um es zu verdecken. Das Resultat kannst du dir im FireBug gut anschauen. Diesen kannst du nur eine Farbe zuweisen, kein Bild.

Ergo musst du also entweder eine Farbe zuweisen, die sehr nah am Hintergrundbild liegt, oder du versuchst .


Duddle

 

[mammimonstA]

AW: jquery CornerPlugin hintergrundfarbe

Du könntest RGBA-Farben verwenden, das müsste eigentlich klappen (ist aber nicht sehr weit abwärtskompatibel zu älteren Browsern).
rgba(255,255,255,0) ist z.B. ganz transparent.

 

[Duddle]

AW: jquery CornerPlugin hintergrundfarbe

Schau dir mal den Quelltext der Elemente an die dadurch abgerundet werden. Es legt neue, farbige Elemente in einem Muster über das vorhandene.
Wenn die Farbe also transparent definiert wird, ist auch das neue Element transparent und lässt die normale Ecke durchscheinen.



Duddle

 

[mammimonstA]

AW: jquery CornerPlugin hintergrundfarbe

Macht Sinn, mein Fehler. Aber rgba rockt trotzdem