Flashの背景が透明でhtmlの要素(画像など)が透過して見えるようにするにはどうすればいいのでしょうか?

たまに画面全体を覆う、ブログパーツなどを見かけるので可能な気がします。

また、古くはネットスケープがそういったことに対応していないということがあったような気がしますが、
最近のブラウザなら全部対応しているのでしょうか?
もし対応していない場合、JSなどでごにょっとすれば対応できる方法などはあるのでしょうか?

回答の条件
  • 1人2回まで
  • 登録:2008/07/13 11:35:54
  • 終了:2008/07/20 11:40:03

回答(2件)

id:Nori327 No.1

Nori327回答回数65ベストアンサー獲得回数32008/07/13 12:25:06

ポイント35pt

以前同じような質問に回答しましたが(http://q.hatena.ne.jp/1213928208)、CSSとFLASHでシンプルに作れます。

まずCSSでレイヤーの作り方はこちらが参考になります。

http://www.dspt.net/stylesheet_css/005/007.html

サンプル

http://www.dspt.net/stylesheet_css/005/sample/007.html

その後z-indexというプロパティで重なり順を設定します。

http://www.dspt.net/stylesheet_css/005/019.html

サンプル

http://www.dspt.net/stylesheet_css/005/sample/019.html

サンプルで説明しますと「z-index:1;の要素」の部分にFLASHを挿入し、「z-index:0;の要素」に通常の文章・画像を挿入します。

これだけですと、FLASH部分が透過されないので以下のテクニックを使います。

http://www.publicroots.com/fmt/archives/000085.html

透過させるだけならIE、FireFoxで可だと思いますが、Flashの下のhtmlリンク(アンカー)をクリックできるかどうかはブラウザに依存します。

IE7:可

FireFox:不

Safari:不

id:dingding

ありがとうございます。リンクを気にしなければ結構大丈夫そうですね。とっても参考になります。

2008/07/13 20:39:01
id:okmt_masaaki No.2

okmt_masaaki回答回数59ベストアンサー獲得回数62008/07/16 09:43:01

ポイント35pt

アドビのサイトに詳細が載っています。

http://support.adobe.co.jp/faq/faq/qadoc.sv?228617+002+4

サポートブラウザも上記参照願います。

id:dingding

ありがとうございます。

2008/07/17 06:18:03

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません