Zaloguj | Zarejestruj | FAQ
Anonymous

background-image não funciona.

+ Odpowiedz

Posty: 10 Strona 1 z 1


background-image não funciona.

przez Rodrigo Rocha » Pt maja 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 użytkownika

Rodrigo Rocha

  • Posty: 3
  • Dołączył(a): Pt maja 09, 2014 5:23 am

Re: background-image não funciona.

przez XainPro » Pt maja 09, 2014 8:12 am

você já tentou qualquer outra imagem qualquer imagem JPEG?
Avatar użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm

Re: background-image não funciona.

przez Rodrigo Rocha » Pt maja 09, 2014 3:30 pm

XainPro napisał(a):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 użytkownika

Rodrigo Rocha

  • Posty: 3
  • Dołączył(a): Pt maja 09, 2014 5:23 am

Re: background-image não funciona.

przez nanoverso » So maja 10, 2014 12:22 am

Parece estar faltando o url():

body {
background-image : url("fundo.gif");
}
Avatar użytkownika

nanoverso

  • Posty: 253
  • Dołączył(a): So maja 10, 2014 12:08 am
  • Lokalizacja: Brazil
--
Free VST Plugins Download.

Re: background-image não funciona.

przez Rodrigo Rocha » So maja 10, 2014 1:40 am

nanoverso napisał(a):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 użytkownika

Rodrigo Rocha

  • Posty: 3
  • Dołączył(a): Pt maja 09, 2014 5:23 am

Re: background-image não funciona.

przez nanoverso » N maja 11, 2014 11:24 pm

body {
background-image : url("fundo.gif");
}
Avatar użytkownika

nanoverso

  • Posty: 253
  • Dołączył(a): So maja 10, 2014 12:08 am
  • Lokalizacja: Brazil
--
Free VST Plugins Download.

Re: background-image não funciona.

przez Bruno Bezerra » Wt cze 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:
Kod: Zaznacz cały
body {
background-image : url("fundo.jpg");
}
Avatar użytkownika

Bruno Bezerra

  • Posty: 16
  • Dołączył(a): Śr mar 26, 2014 8:31 pm
  • Lokalizacja: Brasil.

Re: background-image não funciona.

przez ViniciusDesign » Cz wrz 25, 2014 5:21 pm

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

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

Espero ter ajudado :)
Avatar użytkownika

ViniciusDesign

  • Posty: 10
  • Dołączył(a): N sie 04, 2013 1:50 am

Re: background-image não funciona.

przez XainPro » So paź 04, 2014 6:46 am

meu avatar
Avatar użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm

Re: background-image não funciona.

przez Rafael Marchetti » Cz sie 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 użytkownika

Rafael Marchetti

  • Posty: 4
  • Dołączył(a): Wt sie 18, 2015 10:18 pm


+ Odpowiedz

Strona 1 z 1