Confus au sujet de CSS, iframe caché

J'ai utilisé un code CSS pour cacher une iframe derrière une image:Confus au sujet de CSS, iframe caché

<style> 
iframe{ 
opacity: 0; 
border: 0px none transparent; 
position: absolute; 
top: 0px; 
left: 0px; 
height: 400px; 
width: 500px; 
filter:alpha(opacity=0); 
} 
img{ 
position: absolute; 
top: 0px; 
left: 0px; 
height: 350px; 
width: 401px; 
} 
</style>

J'inséré annonces Google dans l'en-tête, mais les annonces sont invisibles, S'il vous plaît aider!

Source

2011-03-27 Hamza

Publiez votre code HTML complet (exemple de travail préférable sur [jsfiddle] (http://jsfiddle.net/)). Mais, vos annonces Google ne seraient pas servies dans un iframe? >.> – zxt

Adsense servi avec le code JS fourni Mon code: http://jsfiddle.net/L7ZBk/ – Hamza

En vérifiant google's go pour diffuser des annonces, il semble _they_ servir les annonces dans un iframe. Alors oui, leçon: spécifiez vos sélecteurs css! – zxt

Vous appliquez actuellement votre style à toutes les iframes et imgs du document.

Vous devez utiliser des classes ou des identifiants à la place, donc vous ne l'appliquez qu'à certains éléments.

classes à l'aide:

iframe.myframe{ 
... 
} 

//or simply 

.myframe{ 

}

Utilisation ids

#myframe { 
... 
}

et votre HTML doit être:

<iframe class="myframe"> ou <iframe id="myframe">

Ids ne peut être utilisé qu'une seule fois par document, alors que les classes peuvent être utilisées sur plusieurs tags. De cette façon, votre CSS ne devrait affecter que des éléments spécifiques, et laisser le reste inchangé.

J'espère que ça aide!

Source

2011-03-27 01:49:16

Problème résolu merci beaucoup! – Hamza

pas de problème ami :) –

Confus au sujet de CSS, iframe caché

Répondre

Questions connexes