1
resposta

Duvida com imagem como background e <a> soobreposto

Boa noite Estou tentando usar uma imagem como background além de precisar posicionar o botão que se sobrepõe a ela no centro da tela, porém sempre fica assim:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade(Aparentemente tem um bloco transparente no meio da tela que não consigo tirar)

Gostaria também de dizer que essa imagem ficará estática nessa posição e que, ao scrollar a tela, outras informações aparecerão.

Segue abaixo os códigos até agora:

Insira aqui a descrição dessa imagem para ajudar na acessibilidadePoderiam me ajudar?

1 resposta

Olá Gabriel, tudo bem?

Para posicionar o botão no centro da tela, você pode utilizar o seguinte código CSS:

.button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

Espero ter ajudado e bons estudos!