[kjutta]

Hallo,
ich experimentiere das erste Mal mit dem CSS-Attribut "opacity" und es klappt sowit prima - bis auf ein Problem: wie halte ich die Transparenz wieder auf?

Ausgangslage: ein Div-Container liegt auf einem Hintergrundbild und ist leicht transparent, so dass das Hintergrundbild durchschimmert:

[Snifferdog]

Ich bin selbst nicht ganz sicher .. könnte sein, dass es ne Möglichkeit gibt
aber so wies für mich aussieht kann es nicht funktionieren, weil die 100% des inneren Divs ja bloß
die 70% des Elternelements sind.... durch die Vererbung ... und da höhere Werte als 100 ja nicht möglich sind
sollte das also nicht funktionieren.

Du müsstest also beide Divs auseinander pflücken und dann übereinander legen.
Dann sollte das innere Div auch weiterhin normal sichtbar sein.

Gruß

[kjutta]

Auseinanderpflücken ist leider nicht die Lösung, da das Div sich mit dem Containerinhalt mitstretchen soll (haben alle em-Werte).

Schade
Dabei dachte ich, ich hätte so eine elegante Lösung für meinen Aufbau gefunden *snüff*

[m]

[kjutta]

Da es sich um ein stretchbares Layout handelt und je nach Zoom/Browserauflösung ein anderes Stück vom Hintergrund durchscheinen soll, nützt mir ein PNG als Hintergrundbild auch nichts, oder?
Oder kann ich so ein Bild mit 70% Transparenz abspeichern und ich erreiche denselben Effekt wie bei opacity?

Ich oute mich jetzt als "noch nie PNG Benutzer"

[kjutta]

ich hab das mit dem PNG gerade mal ausprobiert - das klappt ja fabelhaft! Super Tipp! Danke!

Unterstützen eigentlich inzwischen alle Browser PNG? Oder wo gibt es da Knackpunkte?

[Snifferdog]

Soweit ich weiß gibts den Knackpunkt IE, wie immer ^^
Ich hatte mal vor einiger Zeit vor etwas mit halbtransparenten PNGs zu machen und es ist am IE gescheitert,
es gibt dafür dann so einige Workarounds die dann aber den Effekt haben, dass Links die unter oder über dem PNG liegen
nicht mehr anklickbar sind...

Vll gibts mittlerweile was neues aber auf dem alten IE gings soweit ich weiß nicht.

Gruß

[m]

http://www.twinhelix.com/css/iepngfix/

für IE<7 benötigst du einen Hack, wie z.B. dieses JScript