CSS - Z-index: no me funciona,

Buenas!
Estoy recién empezando con diseño web. En la clase anterior nos enseñaron a utilizar el z-index pero no logro que suceda nada. Les subo un print del css y del html a ver si alguien puede decirme qué estoy haciendo mal.

La idea es que nav quede por debaado del header y el main pero por más que cambie los valores del z-index, no pasa nada.

Desde ya, gracias!

Saludos.

Hola Camilas, has puesto: z-index:3px y eso es erroneo, ya que no va por pixeles... cambialo a: z-index:10;

Coméntanos, ok?

Gracias por tu respuesta, hice lo que me dijiste e igual sigue sin modificarse. Debería dejar un espacio entre las cajas header, nav y main con position relative para que se aplique el z-index?

Puedes pegar el código para poder probarlo?

Sin poder probarlo, se me hace complicado...

Abajo coloco el código de lo aplicado al main, que es lo que quiero que se posicione "sobre" el nav. También probé en aplicar ese mismo z-index en el nav pero tampoco nada pasó, ni con un número negativo ni con uno positivo.

Pudiste solucionar tu inconveniente? de no ser asi podrias subir un .zip con el proyecto para hecharle un ojo y ayudarte con eso.?

Hola YuniorXXR, te adjunto el .zip. Muchas gracias!

• huellitas.zip(42,9 KB)