[HTML] Sovrapporre un iframe e un img

Discussione in 'HTML e CSS' iniziata da Erika Di Giacomo, 4 Marzo 2014.

  1. Erika Di Giacomo

    Erika Di Giacomo Nuovo Utente

    Registrato:
    4 Marzo 2014
    Messaggi:
    1
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    Ciao ho bisogno di un aiuto, il mio problema è questo: ho due div uno contenente un <iframe> e l'altro un <img> vorrei che l'immagine fosse posizionata sopra l'iframe, questo è il mio codice
    Codice:
     <div id="vt">
              <iframe src="vt-2013/build/virtualtour.html"></iframe>
              <div id="imgHeader">
              <img src="img/sposini.png"/>
               </div>
        </div>
    come posso fare?

    Grazie Erika
     
    Ultima modifica di un moderatore: 17 Maggio 2017
  2. MarioD

    MarioD Nuovo Utente

    Registrato:
    17 Maggio 2017
    Messaggi:
    1
    Mi Piace Ricevuti:
    0
    Punteggio:
    1
    Sesso:
    Maschio
    Bella domana, a cui vorrei avere una bella risposta anche io :D
    Grazie!
     
  3. criric

    criric Super Moderatore Membro dello Staff SUPER MOD MOD

    Registrato:
    21 Agosto 2010
    Messaggi:
    5.593
    Mi Piace Ricevuti:
    54
    Punteggio:
    48
    Località:
    TN
    Ciao, position:absolute con i css
    HTML:
    <style>
        div#vt {
            position: relative;
            width: 500px;
            height:400px;
        }
        div#vt iframe {
            position:absolute;top:0;left:0;
            width: 100%;
            height:100%;
        }
        div#imgHeader {
            position:absolute;bottom:0;left:0;
        }
    </style>
     
  4. Max 1

    Max 1 Moderatore Membro dello Staff MOD

    Registrato:
    29 Febbraio 2012
    Messaggi:
    2.187
    Mi Piace Ricevuti:
    168
    Punteggio:
    63
    Sesso:
    Maschio
    @Erika
    Quando posti del codice devi usare i tag [ code ] oppure l'apposita opzione nel menu.
    box inserisci 2.png.JPG
    Per questa volta te lo correggo io
     
Sto caricando...

Condividi questa Pagina