Навигация не отображается поверх моего видео в качестве фона - PullRequest
0 голосов
/ 06 июня 2018

Так что на моем веб-сайте у меня есть видео, установленное в качестве фона, все, что я помещаю под видео, показывает, но все сверху не будет отображаться.

index.php

  <link rel="stylesheet" href="css/index.css">
  <body>

<div class="navigation">
      <a href="blog.php">Updates</a>
              <a href="#">|</a>
      <a href="blog.php">Start</a>
              <a href="#">|</a>
      <a href="blog.php">Login</a>
</div>


<video autoplay muted loop id="background_video">
  <source src="assets/backgrounds/index_background.mp4" type="video/mp4">
</video>

style.css

 .navigation{
 position: absolute;
 color: white;
 z-index: auto;
 float: none;
 list-style-type: none;
 background-color: white;
 position: fixed;
 }
 #background_video{
 position: fixed;
 right: 0;
 bottom: 0;
 min-width: 100%;
 min-height: 50%;
 z-index: 0;
 }

1 Ответ

0 голосов
/ 06 июня 2018

Проблема с z-индексом.Z-индекс класса ".navigation" должен быть больше / выше, чем z-индекс элемента видео с идентификатором "#background_video".

И вы не можете использовать два "position" in ".навигация "класс."Абсолют" перезаписывается на "фиксированный".

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...