[CSS] Nicht vollständige Transparenz

[Balu der Bär]

Moin Meflin, leider klappt dies nicht:

Ich habe einer Spalte einer Tabelle ein Hintergrundbild zugewiesen, a'la:

Code:

<td style="background-image: url(datei.jpg);">

In dieser Spalte liegt nun ein Layer drüber, welcher transparent ist sodass das Hintergrundbild durchscheint:

Code:

#layer {
        background-color: rgb(227,227,227);
        filter:alpha(opacity=50);
        -moz-opacity:.50;
        opacity:.50;
}

Und auf diesem Layer liegt noch ein Layer auf dem dann der Text stehen soll, der 100%ig zu sehen sein soll.

Code:

#text {
    color:black;
    text-decoration:none;
}

Das Ganze sieht ungefähr so aus:

Code:

<td style="background-image: url(datei.jpg);">
               <div id="layer">
                    <div id="text">
                                  Text, bis sei voll sichtbar
                    </div>
               </div>
</td>

Wenn ich die Transparenz im Layer text auf 0 setze, bringt das trotzdem nichts. Ich bin mit meinem Latein langsam am Ende.

[Meflin]

Jap, du musst die Divs auch entschachteln und DANN übereinanderlegen, wirklich ECHT übereinander, d.h. vermutlich führt an position:absolute kein Weg vorbei Dann geht das auch, 100%. Ich machs ja auch so

Sollte dir da doch noch was praktischeres Einfallen zum übereinanderlegen dann lass es mich wissen

[Balu der Bär]

Das ist eine wirklich grauenhafte Lösung die Layer einfach übereinander zu legen, genau das wollte ich verhindern.

[DGL-luke]

schon mal versucht, den text in die tabelle und das tzransparente ins div? und das div dann transparent machen?

[Balu der Bär]

Die Idee ist gut, klappt leider nicht, es bleibt alles transparent...