Ich habe den folgenden Stil für meinediv Element:

background-image: -moz-radial-gradient(50% -10%, ellipse closest-corner, rgba(5, 5, 5, 0.7), rgba(0, 0, 0, 0) 100%);

Dies hat den gewünschten Effekt (als innerer Schlagschatten nur am oberen Rand desdiv). Ich möchte den gleichen Effekt am unteren Rand des Fensters anwendendiv. Die folgende Zeile macht es gut, aber es scheint die erste zu überschreiben, so dass ich nur die eine oder andere bekommen kann.

background-image: -moz-radial-gradient(50% 110%, ellipse closest-corner, rgba(5, 5, 5, 0.7), rgba(0, 0, 0, 0) 100%);

Kann mir jemand zeigen, wie ich mehrere radiale Verlaufshintergründe pro Element haben kann? Ich stelle fest, dass das Webkit dies problemlos kann, suche aber eine browserübergreifende Implementierung / Alternative.

Vielen Dank