0

ページにビデオを完全な背景として配置する必要があります。ビデオは、現在画像がある場所に正確に配置する必要があります。

画像は私のdivの中にあります:

<div class="main">
    <img src="img/lapedrera1.jpg" alt="architecture" class="homeimg">
</div><!-- /main -->

.main  {
z-index:1;
position:fixed;
}

そこにビデオを配置して、img を置き換える必要があります。

右足から始めたいのですが、どのようにすればよいでしょうか? 最良の方法はどれですか？

ありがとう

4

1 に答える 1

0

i was JUST testing this the other day. Heres what i used to get my video full screen top/left/right/bottom i just put in to force it to the edges but this below def works.

#vid{
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1000;
  width:100%;
  height:100%;

}

Also I use a CSS reset so all values are the same on all browsers. so if you add the reset, you can remove(or leave) the top/left/right/bottom values etc.

but this should get you going. Obviously just change the #vid for your parent div. The Z-index was so it moves behind whatever i had on the page so you can play with that as you wish.

于 2012-09-22T01:51:15.387 に答える