HTML Imagem de fundo com HTML

[Manssur]

Pessoa, boa noite!

Estou a uma semana no estágio o foi pedido para colocar uma imagem de fundo no site no lugar

de um vídeo responsivo. Sempre que tento trocar o cod do vídeo por uma <div> e inserindo uma imagem não funciona. O cod é esse a baixo já

tentei mudar varias vezes e não funciona de outra forma a não ser essa. Ta escrito vídeo mais seria uma imagem.

 

HTML

 

<div align="center" class=" videoHome    width = 100% ">
        <img src="~/Content/Images/fundo_home.jpg" alt=""/>
    </div>

 

CSS

 

.videoHome {
    position: absolute;
    height: auto;
    width: 100%;
    z-index: -1;
}

 

[DiF]

@Manssur Olá,

Na verdade você não tá colocando a imagem de fundo no código. Está simplesmente jogando a imagem dentro do elemento div.

 

para que ela seja de fundo você tem que inserir via CSS

.videoHome{

   background: url("~/Content/Images/fundo_home.jpg") no-repeat;   

}

Ademais, aquele width junto com o class, está errado. Tire dali e coloque dentro do CSS junto com o height.

 

PS: Lembre-se que é um estágio, então é seu trabalho. Saiba que a maioria dos professores e empresas(que oferecem estágio)fazem pesquisas aqui para ver se não estão copiando ou pedindo ajuda.