2016-03-26 16 views
0

Ich habe ein Problem mit meinem Code ich diesen erwähnt habe - Überlauf: in der CSS versteckt, aber immer noch mein Video wird nicht unter dem text.I gezeigt haben folgend in meinem css erwähnt:Video als Hintergrund in html

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%; 
} 
+2

share the html auch..oder möglich dann live link/demo oder jsfiddle..thanx –

+1

Ja, teilen Sie bitte die HTML-Version und möglicherweise den Hintergrund, dass Sie versuchen, in einem Code Spielplatz wie jsbild. – Ashwin

+0

HTML zu verwenden -

Shreya

Antwort

0

Diese nicht von mir geschrieben wurde, aber es sollte Ihnen eine grobe Vorstellung geben, wie es geht,

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; 
} 

Quelle:

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

+0

Ist es erforderlich, Java-Skript dafür zu verwenden? – Shreya