تسجيل الدخول | التسجيل | الأسئلة المتكررة
Anonymous

background-image não funciona.

+ إضافة رد

10 مشاركة صفحة 1 من 1


background-image não funciona.

بواسطة Rodrigo Rocha » الجمعة مايو 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
  • اشترك في: الجمعة مايو 09, 2014 5:23 am

Re: background-image não funciona.

بواسطة XainPro » الجمعة مايو 09, 2014 8:12 am

você já tentou qualquer outra imagem qualquer imagem JPEG?
صورة العضو الشخصية

XainPro

  • مشاركات: 3933
  • اشترك في: الجمعة فبراير 17, 2012 8:10 pm

Re: background-image não funciona.

بواسطة Rodrigo Rocha » الجمعة مايو 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
  • اشترك في: الجمعة مايو 09, 2014 5:23 am

Re: background-image não funciona.

بواسطة nanoverso » السبت مايو 10, 2014 12:22 am

Parece estar faltando o url():

body {
background-image : url("fundo.gif");
}
صورة العضو الشخصية

nanoverso

  • مشاركات: 253
  • اشترك في: السبت مايو 10, 2014 12:08 am
  • مكان: Brazil
--
Free VST Plugins Download.

Re: background-image não funciona.

بواسطة Rodrigo Rocha » السبت مايو 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
  • اشترك في: الجمعة مايو 09, 2014 5:23 am

Re: background-image não funciona.

بواسطة nanoverso » الأحد مايو 11, 2014 11:24 pm

body {
background-image : url("fundo.gif");
}
صورة العضو الشخصية

nanoverso

  • مشاركات: 253
  • اشترك في: السبت مايو 10, 2014 12:08 am
  • مكان: Brazil
--
Free VST Plugins Download.

Re: background-image não funciona.

بواسطة Bruno Bezerra » الثلاثاء يونيو 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: تحديد الكل
body {
background-image : url("fundo.jpg");
}
صورة العضو الشخصية

Bruno Bezerra

  • مشاركات: 16
  • اشترك في: الأربعاء مارس 26, 2014 8:31 pm
  • مكان: Brasil.

Re: background-image não funciona.

بواسطة ViniciusDesign » الخميس سبتمبر 25, 2014 5:21 pm

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

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

Espero ter ajudado :)
صورة العضو الشخصية

ViniciusDesign

  • مشاركات: 10
  • اشترك في: الأحد أغسطس 04, 2013 1:50 am

Re: background-image não funciona.

بواسطة XainPro » السبت أكتوبر 04, 2014 6:46 am

meu avatar
صورة العضو الشخصية

XainPro

  • مشاركات: 3933
  • اشترك في: الجمعة فبراير 17, 2012 8:10 pm

Re: background-image não funciona.

بواسطة Rafael Marchetti » الخميس أغسطس 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
  • اشترك في: الثلاثاء أغسطس 18, 2015 10:18 pm


+ إضافة رد

صفحة 1 من 1