困惑CSS，隱藏的iframe

我使用了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>

我標題中插入谷歌廣告，但廣告是不可見的，請幫幫忙！

來源

2011-03-27 Hamza

發佈您的完整html（最好的工作示例在[jsfiddle]（http://jsfiddle.net/））。但是，你的谷歌廣告不會發生在iframe中嗎？ >。> – zxt 2011-03-27 01:41:38

Adsense服務於JS提供的代碼我的代碼：http://jsfiddle.net/L7ZBk/ – Hamza 2011-03-27 01:48:41

檢查谷歌的js來投放廣告，似乎_they_在iframe中投放廣告。所以，是的，課程：指定你的CSS選擇器！ – zxt 2011-03-27 02:11:59

您目前正在將您的樣式應用於文檔上的所有iframe和img。

您應該使用類或ID來代替，因此您只應用於某些元素。

使用類：

iframe.myframe{ 
... 
} 

//or simply 

.myframe{ 

}

使用IDS

#myframe { 
... 
}

，你的HTML應該是：

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

IDS只能使用一次，每個文檔使用，而類可以在幾個標籤上使用。這樣，你的CSS只應該影響特定的元素，並保持其餘的不變。

希望它有幫助！

來源

2011-03-27 01:49:16

問題解決非常感謝你！ – Hamza 2011-03-27 02:07:41

沒問題朋友:) – 2011-03-27 02:15:00

困惑CSS，隱藏的iframe

回答

相關問題