Imagen sobresaliente

[Jot3to]

Estimados, como ven en la imagen 01, el personaje seleccionado queda tapado por el div superior.



Necesito que quede como se ve en la imagen 02, es decir que su cabeza sobresalga del div y se cruce con el div superior.



¿Qué hice? Al div de la imagen le agregué el siguiente código:

position: relative;
z-index: 1;
bottom: 40px;

Con esto el personaje en cuestión sube pero sigue siendo tapado por el div superior.

¿Qué puede ser y cómo lo soluciono?

[rbczgz]

Hola Jot3to,

Sin analizar muy a fondo la cuestión, con poner el z-index más alto, debería funcionarte...

Código CSS:

z-index: 10;
 

[Rafael]

Que en realidad es que hay que ver qué está empujando la barra gris para arriba.

Si no existiera nada, la cabeza se debería ver por encima, ya que el elemento carga después. Si la barra tiene algún Z-index de 100 habría que poner un 101, pero también hay que ver por qué tiene la barra gris ese z-index en primer lugar.