imagem de background e cortada quando a janela e diminuida

[AdelmoJunior2016 0]

galera alguém me ajuda com esse erro, a imagem de background e cortado quando a janela do navegador e diminuída. segue link da imagem: https://uploaddeimagens.com.br/imagens/sem_titulo-png--15322

[L. Henrique 179]

Adelmo,

Tente adicionar as seguintes propriedades CSS ao seu body (ou div):

body {
   background: url('caminho/para/sua/imagem.jpg') center center no-repeat;
   background-size: cover;
}

O que as propriedades estão dizendo é o seguinte: Pra body ele vai adicionar uma imagem como background (url) e vai centralizar ela em ambos os eixos X e Y e não vai repetir, caso a imagem seja menor que o campo de visão.

Em questão ao background-size: cover; como o próprio diz, ele vai cobrir toda a extensão do campo de visão.

Resumindo: Ele vai estender a sua imagem e centralizar em todos os tamanhos de tela sem ter que repetir várias vezes. E isso é automático, ou seja, não podem haver cortes na imagem, ele se auto-ajusta a todo o momento que a dimensão for reduzida ou elevada.

Isso deve resolver o seu problema, caso contrário, retorne nesse post e tentarei novamente te ajudar.

[AdelmoJunior2016 0]

Amigo obg, o background agora está normal, mas os textos estão como se estivessem fixados.

[L. Henrique 179]

Poderia postar um link do projeto ou até mesmo colocar ele no JSFiddle para que eu possa ver o que está acontecendo?

Parece que existe algum erro com o seu CSS, fazendo com que os textos recebam propriedades "position: fixed;".

Esse fixo que você fala é: Você rola a página e o texto acompanha?

[AdelmoJunior2016 0]

não o texto não se ajusta https://uploaddeimagens.com.br/imagens/sem_titulo-png--15352

[L. Henrique 179]

Tire um print e mostra como fica, que isso já está ficando um pouco confuso.