Hallo an all,

wieder mal ein Problem aufgetaucht, das ich auch im www nicht gelöst bekommen habe.

Ich mach mir Tabellenhintergründe transparent.



Die Schrift wird dadurch auch transparent. Ich dachte wenn ich der Schrift einen seperaten CSS-Style zuweise dann funktioniert es (habs auch mit Opacity=100´versucht), ....dachte ich.

Kennt jemand einen Trick wie das klappen könnte?

Grüße,

Al Blank

td {
background-color:white;
-moz-opacity:0.2; -khtml-opacity:0.2; opacity:0.2;
filter:alpha(opacity=20);
}

.txt {
position:relative;
-moz-opacity:1; -khtml-opacity:1; opacity:1;
filter:alpha(opacity=100);
}

<td><div class="txt"></div></td>

thats it!

P.S.: Was das aber mit position zu tun check ich allerdings nicht ganz

languitar, beachte dass da nun steht: [b]position:relative;[/b]
Lass mich doch bitte selbst aussuchen welche bbcodes ich verwend...

Al, eine position-Angabe nimmt das DIV aus der Kaskade heraus, sprich die Eigenschaften werden nicht mehr darauf vererbt. Nochmaliges Testen zeigt dass man da nichtmal die opacity:1-Angaben mehr braucht (was dann eh logisch ist).
Und position:relative ohne weitere Angabe verändert die Position nicht, also bleibts ansonsten unbemerkt.

Leider funktioniert das nur mit dem IE, bei Firefox gehts leider nixht :(

was kann man ei firefox machen??
ich nutzte ihn nur
bitte um hilfe

---
HTTp://www.hanf-spiel.de/?id=40997
http://www.bier-boerse.com/?ID=14798

Wie wäre es mit einer transluzenten einfarbigen PNG-Hintergrundgrafik?

Hallo zusammen!

Habe genau das gleiche Problem. Leider funktioniert das mit nur theoretisch.Wenn vorher mehrere Elemente Positioniert wurden, dann bleibt die Transparenz. Angeblich soll die opacity gar nicht vererbbar sein...
Wer weiß einen Rat?

Danke schon mal!!

Slobo

Ori schrieb am 12.05.2007 13:52 Wie wäre es mit einer transluzenten einfarbigen PNG-Hintergrundgrafik?

Hallo!

Danke für die Antwort! Habe das Ganze tatsächlich mit PNG24 als Hintergrundgrafik gelöst. Und habe sowohl die DIVs für die Hintergründe als auch die DIVs für den Inhalt "absolute" positioniert. In den CSS habe ich dann die opacity (FF etc.) und den Alphakanal (IE) für die HintergrundPNGs auf entsprechende Werte gesetzt.
Funktioniert prima!!!

Grüsse und Danke

Slobo

Hey, nachdem Google mich in diesen Thread geführt hat hoffe ich mal ihr könnt mir weiter helfen. Allem Anschein nach gibt es verschiedene Ansätze um mit oder ohne CSS die Transparenz von Boxen zu definieren . Leider ist keine von den in diesem Artikel angegeben Lösungen für alle Browser geeignet und trotzdem valide. Darum meine Frage an die Profis hier: Gibt es eine valide Lösung bei der auch der IE 6 mit spielt?