2011-03-27 103 views
0

我使用了CSS代码隐藏的图像背后的iframe:困惑CSS,隐藏的iframe

<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> 

我标题中插入谷歌广告,但广告是不可见的,请帮帮忙!

+1

发布您的完整html(最好的工作示例在[jsfiddle](http://jsfiddle.net/))。但是,你的谷歌广告不会发生在iframe中吗? >。> – zxt 2011-03-27 01:41:38

+0

Adsense服务于JS提供的代码 我的代码:http://jsfiddle.net/L7ZBk/ – Hamza 2011-03-27 01:48:41

+0

检查谷歌的js来投放广告,似乎_they_在iframe中投放广告。所以,是的,课程:指定你的CSS选择器! – zxt 2011-03-27 02:11:59

回答

4

您目前正在将您的样式应用于文档上的所有iframe和img。

您应该使用类或ID来代替,因此您只应用于某些元素。

使用类:

iframe.myframe{ 
... 
} 

//or simply 

.myframe{ 

} 

使用IDS

#myframe { 
... 
} 

,你的HTML应该是:

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

IDS只能使用一次,每个文档使用,而类可以在几个标签上使用。这样,你的CSS只应该影响特定的元素,并保持其余的不变。

希望它有帮助!

+0

问题解决非常感谢你! – Hamza 2011-03-27 02:07:41

+0

没问题朋友:) – 2011-03-27 02:15:00