web-dev-qa-db-ja.com

透明なiframeボディ

動的な幅と高さを持つ（クロスドメイン）iframeが必要です。

私の質問は、100％のサイズと、このiframeの親を背後に表示する透明な背景を持つiframeを作成できますか？

Iframeの背景にcssプロパティまたは透明gifを添付してその効果を実現できますか？

ありがとう。

cssiframebackgroundtransparent
49
user345311

はい、できます（質問を正しく理解している場合）

iframeコンテンツへの編集アクセス権がある場合は、これを（iframeの）ヘッドに配置します。

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

そして、このようにiframeを埋め込みます

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

Iframeページを調べると、ページの一部に色があることがわかります。私の提案は、透明度を追加するときに最高のコンポーネントから開始することです。

html {
  background-color: transparent !important;
}

そして、iframe要素で：

<iframe src="www.." allowtransparency="true">
0
Patrik Rikama-Hinnenberg

これはテストされていませんが、iframe（任意の要素）には透明なデフォルトの背景が必要です。

それが当てはまらない場合は、CSS background: transparent

それでもうまくいかない場合は、CSS不透明度フィルターを使用できます。
http://www.w3schools.com/Css/css_image_transparency.asp

0
Kerry Jones