Jak zastosować wiele gradientów radialnych css do pojedynczego elementu

Mam następujący styl zastosowany do mojegodiv element:

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

Ma to pożądany efekt (bycie wewnętrznym cieniem tylko u górydiv). Chciałbym zastosować ten sam efekt na dolediv. Następująca linia robi to dobrze, ale wydaje się, że zastępuje pierwszą, więc mogę dostać tylko jedną lub drugą.

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

Czy ktoś może mi pokazać, jak mogę mieć wiele promieniowych tła gradientu na element? Widzę, że webkit może to łatwo zrobić, ale szukam implementacji / alternatywy dla różnych przeglądarek.

Dzięki

questionAnswers(4)

yourAnswerToTheQuestion