Tengo una imagen de fondo CSS que quiero delante de mi etiqueta img. La imagen de fondo css tiene un índice z de 1 y la etiqueta img tiene un índice z de 0. ¿Puedo poner una etiqueta img detrás del fondo CSS con el índice z o un fondo CSS siempre estará detrás de un archivo z? img tag independientemente de su índice Z?¿Puede una etiqueta de imagen en html z-index detrás de una imagen de fondo css?
Claro, un elemento HTML con un background-image y un mayor z-index puede superponer cualquier otro elemento HTML, en su caso una simple etiqueta <img />. Pero la etiqueta <img> no debe estar anidada dentro de la etiqueta que contiene la imagen de fondo.
Esto funcionará
<img src="../image.jpg" />
<div style="background: url(../image2.gif); z-index: 1">Content</div>
esto no:
<div style="background: url(../image2.gif); z-index: 1">
<img src="../imag.jpg" />
</div>
+1 responde a la pregunta :) – easwee
Funcionó perfecto, pero tuve que establecer el posicionamiento en absoluto. –
uso 2 divs una imagen de fondo con el o los divs y configurar cada div/imagen del índice z
sería útil si se pudiera mostrar algo de código para entender lo que quiere hacer. Si sólo desea mostrar una imagen en frente de otro, use 2 contenedores como Div o Span ..
<div id="image1">
<span id="image2"></span>
</div>
Funciona si establece condiciones de relativa o absoluta. Asegúrese de configurarlo ya que puede ser heredado.
creo ... si establece una imagen como fondo.no puede aumentar el índice z.por qué no usa dos![]()
etiqueta –
Anish
por favor un ejemplo del código del que habla –
@Anish - quiere decir un elemento con fondo que contiene y![]()
adentro. Se puede hacer y es válido, solo asegúrate de no ponerlo detrás de la etiqueta
. – easwee