Transparenz-Problem abgerundete Ecken...

Status
Nicht offen für weitere Antworten.

xcylo

Mitglied
Hallo zusammen!

Ich habe folgendes Problem: Ich möchte eine Grafik (Rechteck mit abgerundeten Ecken) halbtransparent über einen Hintergrund legen.

Realisiert habe ich das wie folgt:

Code:
<img src="bild.png" style="filter:Alpha(opacity=75, finishopacity=75, style=0)">

Das Problem hierbei ist allerdings, dass nicht nur der eigentliche "Körper" des Rechtecks transparent vor dem Hintergrund sichtbar ist, sondern auch der Raum zwischen der abgerundeten Ecke und der äußeren Bildbegrenzung, d.h. das Bild erscheint quasi weiterhin rechteckig. Ich habe schon versucht, das Bild mit einem transparenten Hintergrund zu erstellen, aber geholfen hat das auch nicht.

Hat jemand einen Tipp (evtl. anderes Bildformat oder so) für mich, wie ich tatsächlich nur den tatsächlichen Inhalt des Bildes mit dem Transparenz-Filter erwische?

Vielen Dank schonmal
Gruß
XCylo7
 
Schon mal davon gehört, dass der IE transparente PNGs falsch darstellt?

Also er färbt die transparenten Flächen meistens weiß oder grau.

Musst du wohl oder übel auf Gif umsteigen (oder noch besser: auf den IE keine Rücksicht
nehmen)
 
Hm ja. Danke jedenfalls für den Tip. Habe es jetzt mal mit nem Gif mit transparentem Hintergrund versucht - klappt! Allerdings muss ich den IE zumindest schon berücksichtigen. Aber so klappts ja. Hatte wohl ein Brett vorm Kopf :)

Danke jedenfalls!

Gruß
XCylo7
 
Status
Nicht offen für weitere Antworten.
Zurück