2016-03-26 20 views
0

背景我有我的代码有问题我已经提到了这一点 - 溢出:隐藏在CSS但是我的视频没有提到我的CSS以下的text.I如下图所示:视频在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

分享html也..或可能然后分享活链接/演示或jsfiddle.thanx –

+1

是的,请分享您试图在代码操场使用的HTML版本和可能的视频背景,如jsfilddle .. – Ashwin

+0

HTML -

Shreya

回答

0

这不是我写的,但它应该给你一个粗略的想法如何做到这一点,

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

+0

是否需要使用java脚本来做到这一点? – Shreya