インラインフレームを使って、背景の画像を透過させたくて、スタイルシートを使用してみたのですが、右下に混在したサイトと表示されます。
何度やってもうまくいきません。
きちんと背景画像を透過させるのは不可能なんでしょうか?
関連したサイトややり方をご存じの方、教えていただけると嬉しいです。
宜しくお願いします。

このQ&Aに関連する最新のQ&A

A 回答 (1件)

1.透過したいIFRAMEのページで、背景色をスタイルシートで透過を指定。


   <body style="background-color:transparent;">

2.表示するページのIFRAMEタグに透過の指定。
   <IFRAME src="IFRAMEのURL" allowTransparency="true"></IFRAME>

以上でOKです。

参考URL:http://ad.il24.net/~ura/css/iframe_touka.htm
    • good
    • 0
この回答へのお礼

とても分かり易かったです。
出来ました。

ありがとうございました。

お礼日時:2002/03/19 08:17

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Q背景に透過画像を重ねて、背景が透けて見える状態にしたい

http://www.iris-interactive.fr/accueil/ACC_index.asp
こちらのサイトのメインコンテンツ部分で背景が透けて見えます
これはどうやるんでしょうか?教えてください

Aベストアンサー

<div id="page">について、
透明なpngを背景にしてあるだけですが??pngでなくてgifでもできるようですね。
サイトのソースと、スタイルシートをご確認ください。

Q背景画像の上に透過GIF背景をのせる方法

はじめまして。

メモ帳にHTMLタグ打ち込みでWEBページを作ってるのですが、
bodyで背景画像を指定し、その上に透過GIFをおき、さらにその上にテキストを表示させるにはどうしたらよいのでしょうか。
具体的には、「テキストを表示させるブロック(tableやdiv)の部分」を半透明の透過GIFをフィルターみたいにかぶせて、その上に書くテキストを見やすくさせたい、という動機です。
divのなかのstyle、またはtableでbackgroundを定義しても、もとのbodyの背景が反映されなくなってしまうのですよね。
一応、自分で考えた策としては
・ブロックの背景そのものを、ある程度薄い色に変えた画像を用意してそれをtableの背景にする
というものがあるのですが、これはやはりつなぎ目の部分でズレてしまって見栄えがあまりよくないのです。

かなり細かいところにこだわりすぎな感じもするんですが、
ぜひとも叶えたいのでどなたか方法をご存知でしたら教えていただきたいと思います。
よろしくお願いします。

Aベストアンサー

ブラウザの環境にある程度左右されない方法として、
私の場合、逆に非常にベタなやり方で同じ効果を狙ってページを作っています。
透明部分と白(画によっては背景画像のカラーと同系の薄い色が良いかと)の
市松模様GIFを作って、それをtable背景にしています。

QIEブラウザはpngの透過画像は透過にならないのが仕様でしょうか?

IEブラウザはpngの透過画像は透過にならないのが仕様でしょうか?

IE6でpngの透過画像を表示させると、透過になっていませんでした。
FireFoxやサファリは透過になります。
仕方がないので、画像をgifの透過にしましたが、
このようにブラウザによって、gif, jpeg, pngの仕様は異なりますか?
もうIE6は見捨てたくなります。

Aベストアンサー

透過PNGをサポートしていないってだけ。
ただ、表示させるテクニックもあるので「透過PNG IE6」で検索して下さい。

ウチでは面倒なので、透過する場合はGIFを使います。

確かに、IE6撲滅運動もあるようですが、
まだ、IE6シェアが10%程度は有ると思いますので、
少なくとも、あと3年程度は対応(CSSなど)するつもりですが。

透過以外でも画像の色が違うとか、
制作時のカラープロファイルも考慮しましょう・・・

QPNG画像の背景色をIEでも透明に表示するには?背景画像でリピートして使いたいです。

背景色チャンクをコントロールする方法。
http://www.minc.ne.jp/~konda/new/png/way01.html
これだと、背景色を透明に設定する方法が判りませんでした。RGB値で透明が設定できればいいような気もしたのですが、無理なような気もしました。


AlphaImageLoaderで背景色を透明にする方法は背景リピートでは使えませんでした。

これを改善した方法か、これ以外の方法がありましたら、ご教授下さい。
宜しくお願いします。

Aベストアンサー

IE6までは透過PNGは対応してないってのが仕様なんだから諦めようよ。
透過GIFで。

私は諦めたよ。気持ちは分るけど。まさにしようがない。

Qテーブルの背景を透過する方法

テーブルの背景だけを透過したいんですけど、どうすればいいですか?
自分で調べてみて、テーブルタグの中に<style="background-color:#FFFFFF;filter:Alpha(opacity=75);">を入れてみたんですけど、テーブル全体を透過してしまって文字まで薄くなってしまったんです。
だから、背景を透過した画像を並べてみたんですけど、なんか不自然で、私がイメージしていたのとは違うんです。私は最初にやったように、元の背景の色自体が薄くなるよいうにしたいんです。
でも、それって不可能なことなんですか?

Aベストアンサー

文字を透過したくないセルに次のようなスタイルを。
<td style="position:relative;">

または、
セルがたくさんあるなら<head>~</head>間に以下を追加。

<style type="text/css">
<!--
th,td{position:relative;}
-->
</style>


人気Q&Aランキング

おすすめ情報