2017-04-13 8 views
0

半ページのhtml背景ビデオを作成するには?半ページのフルスクリーンhtml背景ビデオを作成するには?

.video { 
    position: fixed; no-repeat; 
    top: 50%; left: 50%; 
    z-index:-1000; 
    min-width: 100%; 
    min-height: 100%; 
    width: auto; 
    height: auto; 
    transform: translate(-50%, -50%); 
} 

私は完全な背景ビデオにこのコードを使用しますが、私はヘッダセクションのみを必要とします。

+1

質問(「理由はない、もしくは作る方法を、このコードが動作?」)しなければなりません特定の問題またはエラー、および質問自体の中でそれを再現するために必要な最短のコードを含める。明確な問題文がない質問は、他の読者にとって有用ではありません。参照:[最小限で完全で検証可能なサンプルの作成方法](http://stackoverflow.com/help/mcve) – LGSon

答えて

0

50%に高さの値を変更し、トップを削除しよう:50%:デバッグ助けを求める

{ 
position: fixed; no-repeat; 
left: 50%; 
z-index:-1000; 
min-width: 100%; 
min-height: 100%; 
width: auto; 
height: 50%; 
transform: translate(-50%, -50%); 
} 
+0

ビデオはセクションのヘッダーと最後に表示されます。 セクション領域からビデオを削除する方法については何か考えてください。 –

+0

あなたはより理解するためにhtmlコードを表示できますか? –

+0

マークアップコードを追加するか、fiddle/plnkrを追加してください。 –