Comment placer une iframe sur une image?
J'aimerais mettre une image sous mon iframe, mais j'ai rassemblé un peu de code et il ne semble pas être tout à fait exact. L'iframe contient du texte et a un arrière-plan transparent. Pouvez-vous m'aider? merci,
<td width="216" style="position: relative;">
<img src="http://southwestarkansasradio.com/images/onair995.jpg"></a><br>
<img src="http://southwestarkansasradio.com/images/playerbackground.jpg" style="z-index: -1"/>
<div style="absolute;left:0px;top:0px;font-size: 32px;display: none">
<iframe name="I1" width="316" height="216" src="http://southwestarkansasradio.com /NowPlaying.html" border="0" frameborder="0" allowTransparency="true">
Your browser does not support inline frames.</iframe>
</div>
</td>
Utiliser un fichier CSS pour déplacer tous les objets autour. Il sera beaucoup plus facile dans le long terme.
OriginalL'auteur user1330148 | 2012-07-16
Vous devez vous connecter pour publier un commentaire.
Vous avez "display:none" sur la balise div qui contient l'iframe. J'ai testé le code ci-dessus et il fonctionne comme vous l'avez expliqué, est devrait.
margin-top:40px;
ou cependant beaucoup de pixels de l'image est de déplacer l'iframe vers le bas. Ajoutez à cela le style de l'attribut de la balise div qui contient l'iframe.merci, je pense que le problème était aussi le manque de "position:"...maintenant, pour l'aligner.
OriginalL'auteur Oliver Tappin