Есть ли способ получить фоновое изображение для рендеринга через moz-linear-Gradients

Question

В css вы обычно можете установить и background-image, и background-color, и изображение будет отображаться поверх цвета.

#someDiv
{
   background-image: url(arrow.png);
   background-color: blue;
}

Это приведет к тому, что у #someDiv будет синий фон с изображением стрелки.png выше.

Однако, что если я захочу использовать firefox -moz-linear-Gradient для создания градиента фона, то есть ли способ сделать изображение визуализированным с помощью этого градиента?:

В MDC указано, что градиенты заменяют тег фонового изображения.Так что в этом случае, я думаю, последующий вопрос: возможно ли указать два фоновых изображения и сделать так, чтобы они отображались одно поверх другого?

Answer 1

Этот пример на сайте Mozilla имеет фоновые градиенты под фоновые изображения:

https://developer.mozilla.org/en/css/multiple_backgrounds