FunkyMonkey
Mitglied
Hallo
ich habe einen DIV-Container mit Transparenz. In diesem befindet sich Text, der logischer weise ebenfalls transparent wird.
Genau das soll aber nicht sein. Nun überlege ich, wie man das mit CSS ganz ohne JavaScript hinbekommt. Man bräuchte 2 DIV-Container, wobei einer unter dem anderen liegt und somit transparent und den transparenten Hintergrund abbildet.
Das Problem liegt nun darin wie man 2 DIV-Container genau übereinander positionieren kann, ohne einen davon absolut zu positionieren. Wenn mich nicht alles täuscht ist das nicht möglich, weil das Layout mittig platziert ist.
Wenn ich mit relativer Positionierung arbeite, bleibt für das transparente Hintergrund-Div eine riesige Lücke im Fließtext.
Und ich bezweifle das es ratsam ist, mit position:absolute; left:50%; und entsprechendem margin zu arbeiten, um trotz der zentrierten Darstellung der Seite das DIV korrekt unter das andere zu bringen...
ich habe einen DIV-Container mit Transparenz. In diesem befindet sich Text, der logischer weise ebenfalls transparent wird.
Genau das soll aber nicht sein. Nun überlege ich, wie man das mit CSS ganz ohne JavaScript hinbekommt. Man bräuchte 2 DIV-Container, wobei einer unter dem anderen liegt und somit transparent und den transparenten Hintergrund abbildet.
Das Problem liegt nun darin wie man 2 DIV-Container genau übereinander positionieren kann, ohne einen davon absolut zu positionieren. Wenn mich nicht alles täuscht ist das nicht möglich, weil das Layout mittig platziert ist.
Wenn ich mit relativer Positionierung arbeite, bleibt für das transparente Hintergrund-Div eine riesige Lücke im Fließtext.
Und ich bezweifle das es ratsam ist, mit position:absolute; left:50%; und entsprechendem margin zu arbeiten, um trotz der zentrierten Darstellung der Seite das DIV korrekt unter das andere zu bringen...