HTML

Question

で背景としてビデオ私はこれを言及している私のコードに問題がある - オーバーフロー：CSSに隠されたが、それでも私のビデオがtext.Iの下に表示されていませんが、私のCSSに次のように述べている：

fullscreen-bg { 
       top: 0; 
       right: 0; 
       bottom: 0; 
       left: 0; 
       overflow:hidden; 
       `enter code here`z-index: -100; 
} 

.fullscreen-bg__video { 
         position: absolute; 
         top: 0; 
         left: 0; 
         width: 100%; 
         height: 100%; 
} 

Answer 1

これは私が書いていなかったが、それはどのようにそれを行うには、あなたにラフなアイデアを与える必要があり、

video { 
    position: fixed; 
    top: 50%; 
    left: 50%; 
    min-width: 100%; 
    min-height: 100%; 
    width: auto; 
    height: auto; 
    z-index: -100; 
    transform: translateX(-50%) translateY(-50%); 
background: url('//demosthenes.info/assets/images/polina.jpg') no-repeat; 
    background-size: cover; 
    transition: 1s opacity; 
} 
.stopfade { 
    opacity: .5; 
} 

ソース：

https://codepen.io/dudleystorey/pen/knqyK