![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_14.png?5a7ff87)
フラッシュ動画を作成しました。(○○○○○○.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ランキング
-
リストマーカーをボックス内に...
-
<ul>~</ul>が二つ続くと間に改...
-
レスポンシブWebデザインでリン...
-
divタグ内のコンテンツが重なっ...
-
ulタグやliタグの中でbrタグ...
-
隙間をなくすには?
-
(HP作成)メニューバーのプル...
-
<li>で改行する横並びのメニュー
-
html/cssの、navを2段にする...
-
<ul><li></li></ul>にするメリ...
-
サイドメニューのロールオーバ...
-
カルーセルスライダー「slick.j...
-
番号付きリスト(<Ol><Li>・・...
-
ボタンを横に並べて表示させる方法
-
display:table;を多段表示させたい
-
li 3列表示
-
動画の上に文字を乗せたい(HTM...
-
<li>タグで数字が同じになって...
-
「CSS」リストの2段組どのよう...
-
リストを2つに分割して、それぞ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<table>の高さ固定。情報増加時...
-
リストマーカーをボックス内に...
-
画像にリンクを張ると画像がず...
-
レスポンシブWebデザインでリン...
-
HTMLで組織図を作成する方法
-
ulタグやliタグの中でbrタグ...
-
ポップアップメニューを表のよ...
-
liタグの中に<p>タグやら<dl>を...
-
リストの数字のフォントサイズ...
-
<ul>~</ul>が二つ続くと間に改...
-
<ul><li></li></ul>にするメリ...
-
html <ul></ul>の並びで一行空...
-
ulとliで囲った文字の一部を変...
-
番号付きリスト(<Ol><Li>・・...
-
html/cssの、navを2段にする...
-
display:table;を多段表示させたい
-
HTML5のfooterに見出しを付けて...
-
divタグ内のコンテンツが重なっ...
-
リストを2つに分割して、それぞ...
-
複数行にまたがる括弧を表示し...
おすすめ情報