Ir para conteúdo
Fórum Script Brasil
  • 0

Menu por cima de Video // HTML


Ragnar

Pergunta

Bem, estou fazendo meu site e a primeira coisa a fazer foi meter o video como fundo, até ai tudo bem, mas quando tento adicionar menus, o video é "puxado" para baixo para aparecer o tal menu, mas eu quero que o menu apareça por cima do video

<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		
		<title>Title</title>
		
		<style>
		*{
			margin: 0;
			padding: 0;
			box-sizing: border-box;
		}
		body, html{
			width: 100%;
			height: 100%;
			font-family: sans-serif;
			font-size:22px;
			line-height: 1.3;
		}
		.bg_video{
                        position: fixed;
			min-width: 100%; 
			min-height: 100%;
			width: auto;
			height: 0;
			right: auto;
                        left: auto: 
			bottom: 0;
			background-color: black;
                        transition: 1s opacity;
		}
		.body{
			padding:20px;
			background: rgba(255,255,255,0.9);
			margin: 30% auto 20px auto;
			max-width: 960px;
			border-radius: 10px;
		}
                #b{ text-color:white; }
		</style>
		
		
	</head>

	<body>
<h6 id="b">Lusitanis</h6> /*Se remover esta linha do h6, o site fica normal, se não remover, o video é puxado para baixo, mostrando este header e com fundo branco*/
                <div>
		<video autoplay loop poster="polina.jpg" class="bg_video">
			<source src="bg.webm" type="video/webm">
			<source src="bg.mp4" type="video/mp4">
		</video>
                </div>	
	</body>
</html>

Como faço para resolver isso? Tive a tarde toda de hoje a tentar resolver esse problema

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...