2016-07-28 4 views
-1

Die Webseite hat Hintergrundvideo mit position: fixed.Wie macht man Floating Content über festes Video HTML?

Unter Video gibt es <div> mit dem Hauptinhalt.

Wie kann ich diesen Inhalt über Video schweben lassen?

Dies ist meine experemental Seite: oleg-s-fresh-site-8f277a.webflow.io

Sie, dass der Inhalt sehen kann, ist nicht über Video floaring, ist es mit Video sctolled

Antwort

2

Code ändern:

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

Entfernen Sie die z-index Eigenschaft von .MM Klasse. Du brauchst es nicht und PRESTO!

+0

Sie sind cool, vielen Dank – Dev

+0

Froh, ich könnte helfen :) – TGEE

1

Wenn Sie möchten, dass das div direkt über dem video ist, verwende ich diesen code;

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

Wenn dieser Code nicht funktioniert, versuchen z-index:1; zu Ihrem Video hinzuzufügen.


Was ist z-index?

Z-Index ist eine Möglichkeit, in einer Y-Position auszurichten.

Example

PS: mehr info = http://www.w3schools.com/cssref/pr_pos_z-index.asp

+0

Ich habe diesen Code, aber es funktioniert nicht, so wird Video als Hintergrund angezeigt, aber Inhalt wird nicht gescrollt. – Dev

+0

Du sagst also, dass das Video da ist und dein Inhalt hinter dem Video ist? Wenn das der Fall ist, sollte der Z-Index funktionieren. Überprüfen Sie Ihre Float div Breite, Höhe, Hintergrund, Deckkraft, Display ... –