動画の上に文字を乗せたい（HTMLレイヤータグ

質問

フラッシュ動画を作成しました。（○○○○○○．ｓｗｆ）
objectタグ（または embedタグ）でブラウザ上に再生させました。
この動画の上に、テキスト文字を乗せたいと思います（divレイヤータグ）
マックfサファリでは動画と文字がレイヤー状態でうまく表示されましたが
ウインドウズ関係のエクスプローラでは動画も文字も表示されません。ファイヤーフォックスでは動画のみが表示されました。
何かほかにウインドウズ関係ブラウザ用のレイヤータグあるのでしょうか。
そのレイヤータグの設置方法をご存知の方はご回答をよろしくお願いいたします。

回答No.1

ORUKA1951 · ベストアンサー

レイヤータグがなにを意味するかわかりませんが、HTMLのタグは、HTML文書全体の中で、それがどのような構成要素であるかを示すため以外のものではありません。たとえば見出しなら<h1>見出し</h1>ですし、ひとつの段落を<p></p>というタグで括ります。決してデザインのためではありません。
　そのうえでスタイルシートで、この要素の上に、この要素を重ねるとかを指定していきます。
　たとえば、画像の説明のリストがあったとします。リストですから
<ul class="imageList">
　<li><img・・・>
　　<ol>
　　　<li class="explanation">説明</li>
　　　<li class="date">撮影日時</li>
　　</ol>
　</li>
　<li><img・・・>
　　<ol>
　　　<li class="explanation">説明</li>
　　　<li class="date">撮影日時</li>
　　</ol>
　</li>
とかになっているはずです。

　それをスタイルシートで、
ul.imageList,ul.imageList>li{dsplay:block;list-style:none;margin:0;padding:0;position:relative;}
ul.imageList>li>ol{position:absolute;top:20px;left:20px;}
という風に、重ねて表現したり、画像の右側に並べたり・・・・スタイルシートで自在に表現します。

　示された質問の動画やテキストがどのような文書構成要素かわからないので、具体的方法は示せませんが、動画とテキストを含む要素全体のposition指定をstatic意外にして、その内部でテキストをposition:absolute;で絶対配置することになるでしょう。

お礼

早速ご回答頂きありがとうございました。CSSの概念をよく理解していませんでした。
ご回答内容をもとにいろいろ調べてテストした結果、おかげさまでできました。ありがとうございました。