optische Abrundung der Ecken von Hintergrundgrafiken

[mrmaus]

hallo,

ich habe leider noch keine Möglichkeit gefunden bei meine Grafikbalken, die meine Überschriften zieren, die Ecken abzurunden. Muss ich das mit Corel machen oder gibt es da für Html oder CSS ne Möglichkeit?

Vielen Dank

 

[WAY_KOW]

Hallo
ja und nein

rundungen in HTML sind derzeit noch wenig geeignet. Ich glaube im FF und Co gibt es eine Möglichkeit die aber im Ie noch nicht funktioniert.

Du brauchst ein Grafikprogramm ....

aber
du kannst dir mit einem Trick behelfen.
Wenn du immer die gleich großen Bilder hast, dann kannst du 2 Bilder übereinanderlegen.
Das untere Bild ist dann dein Bild und das Bild darüber ist Rahmen außen herum mit runden Ecken und der innere Teil ist transparent.

du positionierst dies dann das eigentliche Bild mit
position:absolute; z-index:1;
und daen Rahmen ebenfalls mit position:absolute; z-index:10;
damit liegen beide Bilder übereinander.

 

[SimonRue]

Das Problem ist nur, dass der IE transparente Bilder erst ab Version 7.0 unterstützt, wenn ich mich jetzt nicht total vertue.
Demnach kannst du die Lösung was Browserkompatibilität angeht vergessen.

Ich habe es so gemacht, dass ich meine Hintergrundbilder einfach zusammengelegt habe. Also ohne transparenz den Hintergrund und die abgerundete Ecke überlappend in einem Bild.