[AngelofEffekt]

Hallo,

die Funktion der Gesamtsite ist erstmal unwichtig.

Ich habe einen Verwaltungsteil auf meiner Site, mit dem die User einstellen können, was genau sie ausgeblendet haben wollen und was nicht...
Das ist ein Div.

Ich habe diesen mit

overflow-y: scroll;

definiert, damit bei vielen Teilen das Layout nicht kaputt geht...

Am Fuß dieses Divs ist ein weiteres Div vorhanden und wird mit

margin-top: -30px;

noch oben geholt.

Dieser Div hat ein Hintergrundbild, welches von unten nach oben immer transparenter wird. Beim scrollen erziele ich damit also einen fadenden Effekt.

Funktioniert auch klasse mit den hintergrundbildern der Divs, die ich dann scrolle, nur nicht mit dem Text und den Radiobuttons.

Zum Verständnis hier einfach mal diesen Teil rausgehohlt...

Filebase - Share your Files, Show your Files

ICh möchte, dass der Text und die Elemente mit überdeckt werden, damit ich einen ganzheitlichen Fadingeffekt erziele.

LG
AoE

[andir]

Hach, endlich mal ein schöner Testcase
Warum das HG-Bild fadet, aber die Schrift nicht, kann ich auf den ersten Blick nicht genau erklären. Möglicherweise hängt das mit der float-Eigenschaft des entsprechenden divs (class=name) zusammen, das ja dann aus dem Elementefluss genommen ist.
Hilfreich war (bei mir) entsprechend die Vergabe von entweder float:left für das div "view-fade-bottom" um das gewünschte Verhalten einzustellen oder pos. relative und einem geringen positiven z-index, damit das gleiche gewünschte Verhalten erreicht wird.

[AngelofEffekt]

So, Problem gelöst.

Ich mich über deine Lösung informiert und ein wenig ausprobiert...habs dann doch anders gelöst.

Ich nahm anstatt eines Divs mit BG-Image einen IMG mit src-Attribut.

Problem gelöst