Login | Register | FAQ
Anonymous

background-image não funciona.

+ Post a reply

10 posts Page 1 of 1


background-image não funciona.

by Rodrigo Rocha » Fri May 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
User avatar

Rodrigo Rocha

  • Posts: 3
  • Joined: Fri May 09, 2014 5:23 am

Re: background-image não funciona.

by XainPro » Fri May 09, 2014 8:12 am

você já tentou qualquer outra imagem qualquer imagem JPEG?
User avatar

XainPro

  • Posts: 3933
  • Joined: Fri Feb 17, 2012 8:10 pm

Re: background-image não funciona.

by Rodrigo Rocha » Fri May 09, 2014 3:30 pm

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


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

Rodrigo Rocha

  • Posts: 3
  • Joined: Fri May 09, 2014 5:23 am

Re: background-image não funciona.

by nanoverso » Sat May 10, 2014 12:22 am

Parece estar faltando o url():

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

nanoverso

  • Posts: 253
  • Joined: Sat May 10, 2014 12:08 am
  • Location: Brazil
--
Mario Blog (Portuguese): https://jogosdomariosuperbros.blogspot.com

Re: background-image não funciona.

by Rodrigo Rocha » Sat May 10, 2014 1:40 am

nanoverso wrote: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.
User avatar

Rodrigo Rocha

  • Posts: 3
  • Joined: Fri May 09, 2014 5:23 am

Re: background-image não funciona.

by nanoverso » Sun May 11, 2014 11:24 pm

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

nanoverso

  • Posts: 253
  • Joined: Sat May 10, 2014 12:08 am
  • Location: Brazil
--
Mario Blog (Portuguese): https://jogosdomariosuperbros.blogspot.com

Re: background-image não funciona.

by Bruno Bezerra » Tue 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:
Code: Select all
body {
background-image : url("fundo.jpg");
}
User avatar

Bruno Bezerra

  • Posts: 16
  • Joined: Wed Mar 26, 2014 8:31 pm
  • Location: Brasil.

Re: background-image não funciona.

by ViniciusDesign » Thu Sep 25, 2014 5:21 pm

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

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

Espero ter ajudado :)
User avatar

ViniciusDesign

  • Posts: 10
  • Joined: Sun Aug 04, 2013 1:50 am

Re: background-image não funciona.

by XainPro » Sat Oct 04, 2014 6:46 am

meu avatar
User avatar

XainPro

  • Posts: 3933
  • Joined: Fri Feb 17, 2012 8:10 pm

Re: background-image não funciona.

by Rafael Marchetti » Thu Aug 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.
User avatar

Rafael Marchetti

  • Posts: 4
  • Joined: Tue Aug 18, 2015 10:18 pm


+ Post a reply

Page 1 of 1