[HTML] Sovrapporre un iframe e un img

Erika Di Giacomo

Nuovo Utente
4 Mar 2014
1
0
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:

MarioD

Nuovo Utente
17 Mag 2017
1
0
1
37
Bella domana, a cui vorrei avere una bella risposta anche io :D
Grazie!
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
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>
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.278
330
83
@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