Può un tag di immagine in html z-index dietro un’immagine di sfondo css?

Ho un immagine di sfondo css che voglio, nel mio tag img. L’immagine di sfondo css ha un z-index 1 e il tag img è uno z-index pari a 0. Sono io ad alta voce per mettere un tag img dietro il css background con lo z-index o un css background sempre essere dietro un tag img, indipendentemente dalle sue z-index?

  • penso che…se impostare un immagine come sfondo.non è possibile aumentare di z-index.perché non si utilizzano due <img> tag
  • per favore un esempio di codice che si parla di
  • si intende un elemento di sfondo che contiene e <img> al suo interno. Esso può essere fatto ed è valido solo fare attenzione a non metterlo dietro il <body> tag.



4 Replies
  1. 23

    Certo, un elemento HTML con un background-image e una maggiore z-index può sovrapporre qualsiasi altro elemento HTML, nel tuo caso un semplice <img /> tag. Ma il <img> non ha il cartellino di essere inserite all’interno del tag di partecipazione l’immagine di sfondo.

    Questo lavoro

    <img src="../image.jpg" />
    <div style="background: url(../image2.gif); z-index: 1">Content</div>

    questo non:

    <div style="background: url(../image2.gif); z-index: 1">
        <img src="../imag.jpg" />
    </div>
    • +1 per le risposte, la domanda 🙂
    • Ha funzionato perfettamente, ma ho dovuto impostare il posizionamento assoluto.
  2. 1

    Funziona se si imposta la posizione sia relativo o assoluto. Assicurarsi di impostare come può essere ereditata.

  3. 0

    Sarebbe utile se si potesse mostrare un po ‘ di codice per capire cosa si vuole fare.
    Se solo si desidera visualizzare un’immagine di fronte a un altro, l’utilizzo di 2 Contenitori, come un Div o Span..

    <div id="image1">
        <span id="image2"></span>
    </div>

Lascia un commento