2
respostas

como usar imagem de background + texto e sobreposição de outros elementos

Ola pessoal vou mandar um print do que eu gostaria de fazer no codigo acho que fica melhor pra entender a minha duvida (imagen contendo um foto de fundo mais um botão e uma outra imagens em png por cima )

ou se tem alguma formação em html, css que explica como fazer

2 respostas

Olá, Rafael.

Tudo bem?

Você pode criar uma <div> e colocar uma classe nela, por exemplo: fundo-imagem, ai a imagem que você quer de fundo você precisa colocar no background dessa div via CSS, aí no HTML tudo que você colocar dentro dessa div vai sobrepor essa imgem, por exemplo esse <p>, veja:

HTML:

<div class="fundo-imagem">
            <p>gruta</p>
</div>

CSS:

.fundo-imagem{
    background-image: url(fundo.jpg);
    background-repeat: no-repeat;
    width: 2000px;
    height: 630px;
}

Lembrando que em vez do <p> você pode utilizar um título com a tag <h1>, ou até mesmo outra imagem com a tag <img>.

Espero ter ajudado. Qualquer dúvida manda aqui. Valeu.

Muito obrigado vou tentar, se se quiser texto é só colocar no html? se der errado volto aqui :)