Ссылки находятся за видео фоном - PullRequest
Новая
       0

Ссылки находятся за видео фоном

0 голосов
/ 14 марта 2020

Мои ссылки не отображаются, похоже, они скрыты за моим видео фоном. Как заставить их появиться перед ним?

это мой код: 

<body>
<header class="v-header container">
<div class="fullscreen-video-wrap">
<video src="video.mp4" autoplay="true" loop="true" muted>. 
</video>
</div>
<div class="header-overlay"></div>
<div class="header-content">
<h1>PÖBEL</h1>
</div>
</header>
<div class="instagram">
<a href="https://www.instagram.com">INSTAGRAM</a></div>
<div class="facebook">
<a href="https://www.facebook.com">FACEBOOK</a>
</div>
</body>

Ответы [ 2 ]

0 голосов
/ 14 марта 2020

Вы должны работать над структурой HTML. Загрузите бесплатный шаблон HTML и проверьте, как они структурируют свою структуру. 

<body>
<head>
<title>Your site/page name</title>
</head>
<body>
<div class="header-overlay">
    <div class="header-content">
        <h1>PÖBEL</h1>
        <div class="facebook">
            <ul>
                <li><a href="https://www.instagram.com" target="_blank">Instagram</a></li>
                <li><a href="https://www.facebook.com" target="_blank">FACEBOOK">Facebook</a></li>
            </ul>
        </div>
    </div>
</div>
</body>

Если вы хотите добавить видео в качестве наложения, тогда я предлагаю использовать CSS для этого.

0 голосов
/ 14 марта 2020 
<code><pre>
<header class="v-header container">
<div class="fullscreen-video-wrap">
<video src="BigBuckBunny.mp4" autoplay="false" loop="false" muted></video>
</div>
<div class="header-overlay"></div>`enter code here`
<div class="header-content">
<h1>PÖBEL</h1>
</div>

<div class="instagram"></div>
<ul>
<a href="https://www.instagram.com" target="_blank">INSTAGRAM</a>
</ul>
<ul>
<a href="https://www.facebook.com">FACEBOOK</a>
</ul>
</header>
Используйте код выше
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...