登录 | 注册 | FAQ
Anonymous

background-image não funciona.

+ 发表回复

10 篇帖子 分页: 1 / 1


background-image não funciona.

Rodrigo Rocha » 周五 5月 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
头像

Rodrigo Rocha

  • 帖子: 3
  • 注册: 周五 5月 09, 2014 5:23 am

Re: background-image não funciona.

XainPro » 周五 5月 09, 2014 8:12 am

você já tentou qualquer outra imagem qualquer imagem JPEG?
头像

XainPro

  • 帖子: 3933
  • 注册: 周五 2月 17, 2012 8:10 pm

Re: background-image não funciona.

Rodrigo Rocha » 周五 5月 09, 2014 3:30 pm

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


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

Rodrigo Rocha

  • 帖子: 3
  • 注册: 周五 5月 09, 2014 5:23 am

Re: background-image não funciona.

nanoverso » 周六 5月 10, 2014 12:22 am

Parece estar faltando o url():

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

nanoverso

  • 帖子: 253
  • 注册: 周六 5月 10, 2014 12:08 am
  • 地址: Brazil

Re: background-image não funciona.

Rodrigo Rocha » 周六 5月 10, 2014 1:40 am

nanoverso 写道: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.
头像

Rodrigo Rocha

  • 帖子: 3
  • 注册: 周五 5月 09, 2014 5:23 am

Re: background-image não funciona.

nanoverso » 周日 5月 11, 2014 11:24 pm

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

nanoverso

  • 帖子: 253
  • 注册: 周六 5月 10, 2014 12:08 am
  • 地址: Brazil

Re: background-image não funciona.

Bruno Bezerra » 周二 6月 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:
代码: 全选
body {
background-image : url("fundo.jpg");
}
头像

Bruno Bezerra

  • 帖子: 16
  • 注册: 周三 3月 26, 2014 8:31 pm
  • 地址: Brasil.

Re: background-image não funciona.

ViniciusDesign » 周四 9月 25, 2014 5:21 pm

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

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

Espero ter ajudado :)
头像

ViniciusDesign

  • 帖子: 10
  • 注册: 周日 8月 04, 2013 1:50 am

Re: background-image não funciona.

XainPro » 周六 10月 04, 2014 6:46 am

meu avatar
头像

XainPro

  • 帖子: 3933
  • 注册: 周五 2月 17, 2012 8:10 pm

Re: background-image não funciona.

Rafael Marchetti » 周四 8月 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.
头像

Rafael Marchetti

  • 帖子: 4
  • 注册: 周二 8月 18, 2015 10:18 pm


+ 发表回复

分页: 1 / 1