Flash上にHTMLの文字やリンクを重ねる方法
FlashにHTMLで文字を書きたかった。そのまま書くのは無理だろうけどCSSかなにかで重ねられないかと探したところ、良い方法があったのでメモ。
■ソース
<html> <head> <title>FlashにHTMLリンクを重ねるテスト</title> <style> .flash{ position: relative; } .layer{ top: 0px; left: 50px; position: absolute; } </style> </head> <body> <h1>FlashにHTMLリンクを重ねるテスト</h1> <div class="flash"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="200" height="100"> <param name="movie" value="test.swf" /> <param name="wmode" value="transparent" /> <param name="base" value="." /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <embed src="test.swf" base="." wmode="opaque" quality="high" wmode="transparent" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="200" height="100"></embed> </object> <div class="layer"> テストテスト。<br /> HTML記述。<br /> <a href="https://taitan916.info/blog/">link</a> </div> </div> </body> </html>
■サンプル
http://sample.taitan916.info/flashLayer/
■その他
paramタグとembedタグのwmodeをtransparentにするのが必要みたい。
ただこれをやっちゃうとIEでは日本語の文字入力領域で日本語が入力できない模様。
http://helpx.adobe.com/jp/flash/kb/228635.html
テストしたところ、
- IE9,Chrome38.0.2125.111→問題なし
- firefox33.1→日本語入力は出来るが、入力時のカーソル位置が変
となった。うーん、使えないかも。
関連記事
-
-
CSSでマウスカーソルの変更
マウスカーソルはCSSで任意に決められるみたい。 リンク時に一律させた方がよいと ...
-
-
IE11でSB Admin2のログインページの表示がおかしい
ダッシュボードや管理画面を作成する際、SB Admin2を使うことが多い。ダッシ ...
-
-
可変要素内の文字を丸める
可変の要素内の文字を丸めたかった。いつもであればPHPのmb_strimwidt ...
-
-
formのsubmitをボタンを無くしたり画像をつけたりCSSで装飾
aタグになっていたところをsubmitボタンに変えてほしいという修正依頼があった ...
-
-
jQueryのCSS変更
jQueryでCSSを触る際、 $("#aaa").css('height',' ...
-
-
CSSのdisplayについて
よく使うdisplayだけれども、noneとblock以外で 初めて使うことがあ ...
-
-
cssのcontent
テキストが書かれているけど、firebugで要素を見ても 書かれていない。かとい ...
-
-
CSSのopacity
opacityというプロパティを業務中に見かけたのでメモ。 透明度を指定するもの ...
-
-
レスポンシブ対応で右カラムのコンテンツを上に表示させたい
レスポンシブ対応サイトの簡易なコーディングをする経験があった。何も考えずにHTM ...
-
-
CSSでプロパティの初期化
CSSでmedia screen and等を指定し、特定の場合のみプロパティの無 ...