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以外の解答をお願いします！ |
