Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Problemas com o plano de Fundo do Header

Galera, não consegui fazer com que o plano de fundo do Header funcionasse da maneira como o Yuri explicou. Não consegui usar a porcentagem para definir um Height. Quando uso "Height:100%" ele abre apenas uns 30px da imagem e não respeita a porcentagem. Consegui fazer funcionar com um height fixo utilizando pixeis. Algum de vocês passou por esse mesmo problema ? Abaixo segue meus códigos, um que funcionou e outro que não. Grande abraço


Funcionou =D html, body { height: 100%; }

header { background-image: url(../../img/castelo.jpg); background-size: cover; background-position:top center; height: 660px;

}

Não Funcionou

html, body { height: 100%; }

header { background-image: url(../../img/castelo.jpg); background-size: cover; background-position:top center; height: 100%; }

Conseguem me ajudar ?

1 resposta
solução!

Se desejar que ele pegue o a altura da tela, tente utilizar o "vh", ou seja, "view height". Utilize a altura de 90vh no header.