Ir ao conteúdo
  • Cadastre-se
Manssur

HTML Imagem de fundo com HTML

Recommended Posts

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;
}

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

@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. 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×