How To Add A Gradient Over A Leaflet Map?

I'm trying to add a gradient over a leaflet map that will fade from white to transparent and partially obscure it. Using a regular gradient with CSS as a background makes the gra

Solution 1:

You should add a z-index property in the before content block

A codepen for reference: http://codepen.io/hkadyanji/pen/bwNLKK

z-index: 999; /* adding this worked for me */

Screenshot:

EDIT

Added the text overlay implementation.