人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Flashの背景が透明でhtmlの要素(画像など)が透過して見えるようにするにはどうすればいいのでしょうか?
たまに画面全体を覆う、ブログパーツなどを見かけるので可能な気がします。

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

●質問者: dingding
●カテゴリ:インターネット ウェブ制作
✍キーワード:Flash HTML js ネットスケープ ブラウザ
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● Nori327
●35ポイント

以前同じような質問に回答しましたが(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:不

◎質問者からの返答

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


2 ● okmt_masaaki
●35ポイント

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

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

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

◎質問者からの返答

ありがとうございます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ