Как применить несколько радиальных градиентов CSS к одному элементу ⇐ Html

[Anonymous]

У меня есть следующий стиль, применяемый к моему div < /code> element: < /p>

Код: Выделить всё

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

Это имеет желаемый эффект (являясь внутренней тенью для падения только в верхней части div < /code>). Я хотел бы применить тот же эффект в нижней части div 

. Следующая строка делает это хорошо, но, кажется, переопределяет первое, поэтому я могу получить только один или другой. < /P>

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

Может ли кто -нибудь показать мне, как я могу иметь несколько фонов радиального градиента на элемент? Я замечаю, что Webkit может сделать это легко, но я ищу реализацию Cross Browser/альтернатива.

Спасибо

Подробнее здесь: https://stackoverflow.com/questions/106 ... le-element