HTML
1<body> 2 <div id="Contents"> 3 <video id="Video" src="img/IMG_0655.mp4" loop autoplay></video> 4 <div id="Header"> 5 <div id="ico">HOME</div> 6 </div> 7 <div> 8 aaaa 9 </div> 10 </div> 11 12 </body>
CSS
1#Video { 2 position: fixed; 3 min-width: 100%; 4 min-height: 100%; 5 z-index: -100; 6 margin: 0; 7} 8#Header { 9 width: 100%; 10 height: 55px; 11 z-index: 999; 12 position: fixed; 13 right: 0; 14 top:0; 15 background-color: transparent; 16} 17#ico { 18 width: 100px; 19 height: 55px; 20 line-height: 55px; 21 text-align: center; 22 font-size: 30px; 23 color: white; 24} 25#Contents { 26 background-color: #000; 27}
このようにVideoタグを使っているのですが、<div>aaaa</div>をVideoタグの上に表示させようとさせたら、Videoタグが一段下がってaaaaが表示されます。どうすれば、Videoタグの上にDiv要素が配置できるのでしょうか...
したいこととしては、
背景を動画にしたホームページを作成したいと思っています。
position:fixed以外の解答をお願いします!
回答1件
あなたの回答
tips
プレビュー