Pleine Largeur de Google Map Et CSS
J'ai une pleine largeur de la carte google sur une page à l'aide de height="100%"
et width="100%"
. Je veux savoir mettre un peu de css div trucs sur le dessus. J'ai lu que l'utilisation de valeurs négatives telles que margin-top: -500px;
de travail, et ils le font, cependant, lorsque j'essaie d'attribuer une couleur à l'arrière-plan de la div, il ne s'affiche pas sur la carte, il l'affiche, ce qui n'est pas ce que je veux à tous. Est-il une solution à cela?
Code:
<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?hl=en&ie=UTF8&ll=37.0625,-95.677068&spn=56.506174,79.013672&t=m&z=4&output=embed"></iframe>
<div class="content"> I want this text to be in a div box that has a black background. <br /> </div>
Style:
.content {
margin-top: -500px;
width: 390px;
background-color: black;
}
OriginalL'auteur Joshua Terrill | 2012-04-20
Vous devez vous connecter pour publier un commentaire.
http://jsfiddle.net/oswaldoacauan/tx67C/
OriginalL'auteur Oswaldo Acauan
ajouter ceci dans votre css. fonctionne dans chrome au moins
OriginalL'auteur daniel.auener
la div vous voulez le style doit être positionné de façon absolue et donné un avis favorable z-index, de sorte qu'il affiche au-dessus de la carte n'est pas inférieur à
OriginalL'auteur Afzaal