2016-07-28 69 views
-1

該網頁有背景視頻position: fixed如何通過固定視頻HTML製作浮動內容?

下面的視頻有<div>的主要內容。

如何將此內容在視頻上浮動?

這是我的experemental頁:oleg-s-fresh-site-8f277a.webflow.io

你可以看到,內容不超過floaring視頻,它sctolled視頻

回答

2

更改代碼:

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

從.mm類取出Z-index屬性。你不需要它和PRESTO!

+0

你很酷,非常感謝 – Dev

+0

很高興我可以幫助:) – TGEE

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

+0

我有這個代碼,但它不起作用,所以視頻顯示爲背景,但內容不滾動。 – Dev

+0

所以你是說視頻在那裏,你的內容是在視頻背後?如果是這樣,Z指數應該工作。檢查你的浮動div的寬度,高度,背景,不透明度,顯示... –