質問編集履歴

1 cssの追記

userones

userones score 24

2017/02/19 19:11  投稿

HTML Videoタグの上にDiv要素を配置する方法
```HTML
<body>
      <div id="Contents">
          <video id="Video" src="img/IMG_0655.mp4" loop autoplay></video>
          <div id="Header">
              <div id="ico">HOME</div>
          </div>
          <div>
              aaaa
          </div>
      </div>
       
   </body>
```
```CSS  
#Video {  
   position: fixed;  
   min-width: 100%;  
   min-height: 100%;  
   z-index: -100;  
   margin: 0;  
}  
#Header {  
   width: 100%;  
   height: 55px;  
   z-index: 999;  
   position: fixed;  
   right: 0;  
   top:0;  
   background-color: transparent;  
}  
#ico {  
   width: 100px;  
   height: 55px;  
   line-height: 55px;  
   text-align: center;  
   font-size: 30px;  
   color: white;  
}  
#Contents {  
   background-color: #000;  
}  
```  
 
このようにVideoタグを使っているのですが、<div>aaaa</div>をVideoタグの上に表示させようとさせたら、Videoタグが一段下がってaaaaが表示されます。どうすれば、Videoタグの上にDiv要素が配置できるのでしょうか...
したいこととしては、
背景を動画にしたホームページを作成したいと思っています。
position:fixed以外の解答をお願いします!
  • HTML

    11846 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • CSS

    7762 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る