如何在固定视频HTML上制作浮动内容?

时间:2016-07-28 20:56:13

标签: css html5 css3

该网页的背景视频为position: fixed

在视频下方,<div>包含主要内容。

如何将此内容悬浮在视频上?

这是我的实用页面:oleg-s-fresh-site-8f277a.webflow.io

您可以看到内容不是通过视频传播,而是通过视频进行视频

2 个答案:

答案 0 :(得分:2)

更改代码:

.ssssss {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

从.mm类中删除z-index属性。你不需要它和PRESTO!

答案 1 :(得分:1)

如果您希望div位于视频上方,我打算使用此代码;

position:fixed;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
z-index:9999; <---- for example
//backgro.. bla bla...

如果此代码无效,请尝试将z-index:1;添加到您的视频中。

什么是z-index?

Z-index是一种在Y位置对齐的方法。

Example

PS:更多信息= http://www.w3schools.com/cssref/pr_pos_z-index.asp