ho una pagina in php dove ho:

- uno sfondo composto da un immagine

vorrei mettere un immagine gradiente in alto... questa immagine è ripetuta solo su x.
quindi ho creato un div che contiene tutto il corpo della pagina e in alto tra BODY e quel DIV ho creato:
codice:
<div class="gradiente"></div>
che non contiene nulla.

nel css ho messo nel body background e il link dell'immagine
e nel gradiente ho messo il background image con il link dell immagine ripetuta in x...

il problema è che l'immagine gradiente è sopra all'altro div con il corpo della pagina...

ho provato a mettere lo z-index ma non cambia...

come faccio a mettere il div con il gradiente dietro al div del corpo della pagina?

questa modifica fatta su wordpress ha funzionato al primo colpo... invece nella pagina non di wordpress non funziona...

qualcuno sa aiutarmi? come faccio a metterla dietro?
grazie a chi mi darà una mano