optische Abrundung der Ecken von Hintergrundgrafiken
- Ersteller mrmaus
- Erstellt am
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.
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
Neues Mitglied
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.
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.
