Multiple Background Images not working

[greenbanana]

When combining a gradient with a background image, the vendor prefix is needed to make it work.

This works:
background-image: url('../images/example.png'), -webkit-linear-gradient(top, white, red);

This works:
background-image: linear-gradient(top, white, red);

But this does not work:
background-image: url('../images/example.png'), linear-gradient(top, white, red);