フラッシュ動画を作成しました。(○○○○○○.swf)
objectタグ(または embedタグ)でブラウザ上に再生させました。
この動画の上に、テキスト文字を乗せたいと思います(divレイヤータグ)
マックfサファリでは動画と文字がレイヤー状態でうまく表示されましたが
ウインドウズ関係のエクスプローラでは動画も文字も表示されません。ファイヤーフォックスでは動画のみが表示されました。
何かほかにウインドウズ関係ブラウザ用のレイヤータグあるのでしょうか。
そのレイヤータグの設置方法をご存知の方はご回答をよろしくお願いいたします。
No.1ベストアンサー
- 回答日時:
レイヤータグがなにを意味するかわかりませんが、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の概念をよく理解していませんでした。
ご回答内容をもとにいろいろ調べてテストした結果、おかげさまでできました。ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- gooブログ Twitterの動画画面をgooブログに埋め込めない 4 2022/06/03 16:40
- Windows 10 Windows10 の設定?について (長文ですがよろしくお願いします)m(_ _)m 3 2022/05/14 12:22
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- 画像編集・動画編集・音楽編集 フォントについて 2 2023/08/08 17:31
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- WordPress(ワードプレス) WordpressでYouTubeの埋め込みができない。 1 2022/10/26 01:08
- YouTube YouTube動画に言葉。 1 2022/11/17 18:45
- JavaScript 空白で入力フォームのボタンをクリックしたら、ブラウザの上部からjavascriptで 表示されるアラ 1 2022/05/20 11:16
- WordPress(ワードプレス) ワードプレスで、左寄せ画像と文字を横並びにせず、画像の下に文字を表示される方法を教えてください 1 2022/04/24 11:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
番号付きリスト(<Ol><Li>・・...
-
html/cssの、navを2段にする...
-
<table>の高さ固定。情報増加時...
-
リストの数字のフォントサイズ...
-
jQuery-もっと見るボタンをスマ...
-
html <li>の中の文字一部に色を...
-
HTML5のfooterに見出しを付けて...
-
ulタグやliタグの中でbrタグ...
-
HTMLで組織図を作成する方法
-
<ol><li> 左側にスペースがで...
-
【至急】ul li 行間調整ができ...
-
htmlの<ol>タグで、数字などを...
-
【CSS】メニュー上部に固定させ...
-
IEで<td>の全角を有効にする方法
-
HTMLです
-
Tableの1セル内に画像・テキス...
-
レスポンシブWebデザインでリン...
-
プルダウンメニューの背景色を...
-
真横に展開するドロップダウン...
-
メニューバーのラインの作り方
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
リストマーカーをボックス内に...
-
<table>の高さ固定。情報増加時...
-
ulタグやliタグの中でbrタグ...
-
html/cssの、navを2段にする...
-
リストの数字のフォントサイズ...
-
liタグの中に<p>タグやら<dl>を...
-
CSSでつくったメニューのアニメ...
-
htmlの<ol>タグで、数字などを...
-
ページを開いているときのリン...
-
リンク文字同士の間隔を開ける...
-
レスポンシブWebデザインでリン...
-
<ul><li></li></ul>にするメリ...
-
divタグ内のコンテンツが重なっ...
-
HTMLで組織図を作成する方法
-
ulとliで囲った文字の一部を変...
-
HTML5のfooterに見出しを付けて...
-
<ul>~</ul>が二つ続くと間に改...
-
html <ul></ul>の並びで一行空...
-
複数行にまたがる括弧を表示し...
-
画像にリンクを張ると画像がず...
おすすめ情報