Entrar | Registrar | FAQ
Anonymous

background-image não funciona.

+ Postar uma resposta

10 Mensagens Página 1 de 1


background-image não funciona.

por Rodrigo Rocha » Sex Mai 09, 2014 5:39 am

Olá a todos!
Estou com um problema que me surgiu recentemente quando quis colocar uma imagem de fundo em uma pagina minha,
fiz exatamente o seguinte:
body{
background-image:fundo.gif;
}

A imagem que eu estou usando está salva na mesma pasta que o arquivo css e html o nome do arquivo é o mesmo que eu exemplifiquei acima ou seja o exemplo está idêntico ao que está no meu arquivo css, ja tentei colocar a url da imagem também, porém não deu certo. Agora se eu troco background-image por background-color à cor que escolhi aparece no fundo do site, se possível gostaria de saber oque estou fazendo de errado, estou iniciando os meus estudo agora sobre html e css, quando erro pesquiso ao máximo para saber onde eu errei porém dessa vez por mais que eu tenha pesquisado não consigo encontrar onde eu estou errando
Avatar de usuário

Rodrigo Rocha

  • Mensagens: 3
  • Data de registro: Sex Mai 09, 2014 5:23 am

Re: background-image não funciona.

por XainPro » Sex Mai 09, 2014 8:12 am

você já tentou qualquer outra imagem qualquer imagem JPEG?
Avatar de usuário

XainPro

  • Mensagens: 3933
  • Data de registro: Sex Fev 17, 2012 8:10 pm

Re: background-image não funciona.

por Rodrigo Rocha » Sex Mai 09, 2014 3:30 pm

XainPro escreveu:você já tentou qualquer outra imagem qualquer imagem JPEG?


Já tentei outras imagens ou outros links, mas nenhum funcionou. Muito obrigado pela a dica.
Avatar de usuário

Rodrigo Rocha

  • Mensagens: 3
  • Data de registro: Sex Mai 09, 2014 5:23 am

Re: background-image não funciona.

por nanoverso » Sáb Mai 10, 2014 12:22 am

Parece estar faltando o url():

body {
background-image : url("fundo.gif");
}
Avatar de usuário

nanoverso

  • Mensagens: 253
  • Data de registro: Sáb Mai 10, 2014 12:08 am
  • Localização: Brazil
--
Free VST Plugins Download.

Re: background-image não funciona.

por Rodrigo Rocha » Sáb Mai 10, 2014 1:40 am

nanoverso escreveu:Parece estar faltando o url():

body {
background-image : url("fundo.gif");
}

Se possível me manda um exemplo para que eu possa recortar e colar no meu na minha folha css. Desde já agradeço.
Avatar de usuário

Rodrigo Rocha

  • Mensagens: 3
  • Data de registro: Sex Mai 09, 2014 5:23 am

Re: background-image não funciona.

por nanoverso » Dom Mai 11, 2014 11:24 pm

body {
background-image : url("fundo.gif");
}
Avatar de usuário

nanoverso

  • Mensagens: 253
  • Data de registro: Sáb Mai 10, 2014 12:08 am
  • Localização: Brazil
--
Free VST Plugins Download.

Re: background-image não funciona.

por Bruno Bezerra » Ter Jun 10, 2014 7:42 pm

Já tentei outras imagens ou outros links, mas nenhum funcionou. Muito obrigado pela a dica.


Rodrigo, o ideal é você organizar o código dessa forma:
Código: Selecionar tudo
body {
background-image : url("fundo.jpg");
}
Avatar de usuário

Bruno Bezerra

  • Mensagens: 16
  • Data de registro: Qua Mar 26, 2014 8:31 pm
  • Localização: Brasil.

Re: background-image não funciona.

por ViniciusDesign » Qui Set 25, 2014 5:21 pm

Seu código está errado...
o correto seria:

background-image: url('imagem.png');

Espero ter ajudado :)
Avatar de usuário

ViniciusDesign

  • Mensagens: 10
  • Data de registro: Dom Ago 04, 2013 1:50 am

Re: background-image não funciona.

por XainPro » Sáb Out 04, 2014 6:46 am

meu avatar
Avatar de usuário

XainPro

  • Mensagens: 3933
  • Data de registro: Sex Fev 17, 2012 8:10 pm

Re: background-image não funciona.

por Rafael Marchetti » Qui Ago 20, 2015 5:11 pm

Eu sempre gosto de formatar minhas propriedades pulando de linha, acredito que mais fácil compreensão dela.

Ex:
p {
text-size:20px;
color:red;
}

Principal do qual você esta usando que é "background-image: url("imagem.gif");" Pelo o que eu vi no seu código está faltando de onde imagem vai vir, ou seja vc precisa atribuir o valor da URL nela, para saber de onde vai buscar a imagem, não á nada de segredo bem simples.

Exite 4 tipos aplicação background da imagem...

A primeira seria: "background-repeat: repeat-x;" Ela só iria preencher o fundo de tela na vertical.
Seguindo a segunda: "background-repeat:repeat-y" Ela ira fazer mesma coisa que a primeira opção, apenas ira seguir com preenchimento horizontal.
E assim pela terceira: "background-repeat:repeat" que seria nada mais o valor de apenas repetido.
E por último= "backgroud-repeat: no-repeat" Ela não ira repetir a imagem.

5 elementos

background-imagem: url("imagem.gif")
background-repeat: repeat-y
background-repeat: repeat-x
background-repeat: repeat
background-repeat: no-repeat

Me desculpe se algo estiver errado aqui, espero que se tiver, alguém me corrija.
Avatar de usuário

Rafael Marchetti

  • Mensagens: 4
  • Data de registro: Ter Ago 18, 2015 10:18 pm


+ Postar uma resposta

Página 1 de 1