Ir para conteúdo



Proprieade background-imagem aparentemente não funciona para o FireFox

background-image firefox mozilla css bug não funciona hack

  • Por favor, faça o login para responder
3 respostas neste tópico

#1 Professor Marcos Mendes

Professor Marcos Mendes
  • Membros
  • 3 posts

Postado 03 February 2012 - 12:02 AM

Pessoal,

Estou com um problema que inicialmente identifico como sendo um problema de renderização do FireFox.

Meu site está sendo corretamente visualizado no Chrome e no IE, mas as imagens de background de minhas div's não são exibidas no FireFox!

Acredito, portanto, que esteja ocorrendo algum bug com a propriedade background-image no FireFox.
Alguém saberia me ajudar?
Seguem dois links para o site (caso um deles não funcione): http://www.professor...smendes.com.br/
http://www.professor...smendes.com/

Segue também trecho do meu código CSS que comprova a existência do problema:

#banner{
position: absolute;
top: 30px;
width: 700px;
height: 260px;
background-image:url('../imagens/Banner/banner-professor-marcos-mendes.png');
background-repeat: no-repeat;
}

Gostaria de ressaltar que já validei o documento CSS no http://jigsaw.w3.org...dator/validator e não foram apontados erros de sintaxe no arquivo.

Agradeço a colaboração de todos!
--
www.ProfessorMarcosMendes.com.br



#2 Professor Marcos Mendes

Professor Marcos Mendes
  • Membros
  • 3 posts

Postado 07 February 2012 - 09:17 PM

Alguém saberia ajudar, por favor?
--
www.ProfessorMarcosMendes.com.br

#3 Mikakyuu

Mikakyuu
  • Membros
  • 6 posts

Postado 11 February 2012 - 10:45 PM

O problema não está no CSS, mas no caminho para ele no HTML:

<link rel="stylesheet" href="..\css\professor_marcos_mendes-folha_de_estilos.css" type="text/css" />

Troque as "\" do href para "/" =D

#4 Professor Marcos Mendes

Professor Marcos Mendes
  • Membros
  • 3 posts

Postado 12 February 2012 - 01:26 PM

Meo!!! :/


Valeu Mikakyuu!!!

Nem acredito que era mesmo isso! Que mancada! hehehehe

Nunca utilize barras invertidas para identificar caminhos físicos ou virtuais em html! :P

Obrigado, cara! Se não fosse um olhar externo eu não teria identificado!

Mas ainda acho que a W3C deveria verificar isso também na validação das páginas!!!
--
www.ProfessorMarcosMendes.com.br





Tópicos que também usam as tags background-image, firefox, mozilla, css, bug, não funciona, hack:

0 usuário(s) está(ão) lendo este tópico

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)