working over not index funciona example como all css hover background-image z-index

css - over - z-index not working



cambiar el índice z del fondo emergente (2)

Solo agrega esta regla:

.one:hover img {display:none;}

es posible? Tengo

<div class="one"> <a><img src="http://lorempixel.com/100/100"></a> </div>

Lo quiero así sobre el vuelo estacionario del div (o <a> ) el nuevo vuelo estacionario: el color / imagen de fondo cubre el <img> , algo así como el z-index del hover.

Así que en este violín al pasar el <div> o <a> el 100px img no sería visible, todo sería oro.

http://jsfiddle.net/q9Fm3/2/

Me gustaría mantener el elemento <img> línea.


Una imagen de fondo no puede estar encima de una imagen en el mismo elemento, pero puede simular lo que desea al agregar:

.one:hover img { display:none; }

Ejemplo jsFiddle