透明的iframe身體

Question

我需要一個具有動態寬度和高度的（crossdomain）iframe。

我的問題是，我可以創建一個100％大小的iframe和一個透明背景，它將在其后面顯示這個iframe的父級嗎？

我可以為iframe背景附加css屬性或透明gif來實現這種效果嗎？

謝謝。

Answer 1

是的你可以（如果我理解你的問題）

如果您對iframe內容具有編輯權限，請將此代碼置於頭部（iframe）

<style type="text/css">
 <!-- BODY {background:none transparent;}-->
 </style>

然后像這樣嵌入iframe

<iframe src="frame.htm" allowtransparency="true">

Answer 2

這未經過測試，但iframe（任何元素）應具有透明的默認背景。

如果不是這樣，您可以將它們設置為在CSS background: transparent

如果這不起作用，您可以使用CSS不透明度過濾器：
http://www.w3schools.com/Css/css_image_transparency.asp

Answer 3

通過檢查iframe頁面，您可能會發現頁面的某些部分有顏色。 我的建議是在添加透明度時從最高組件開始：

html {
  background-color: transparent !important;
}

然后在iframe元素中：

<iframe src="www.." allowtransparency="true">