0

Tenho o seguinte código

background-image: url(#minha0imagem#); 
background-size: contain; 
background-repeat: no-repeat;

No Chrome fica do jeito que quero, no centro e tela toda. No firefox não.

Já tentei -moz, -webkit, já atualizei meu firefox.

Parece que a forma como o firefox trabalha com redimensionamento de imagem é diferente do chrome e mesmo usando CSS3 e HTML5 puro não consigo replicar os efeitos.

9
  • qual o comportamento você esta esperando que o contain tenha?
    – RFL
    Commented 24/01/2017 às 19:47
  • Talvez seja outra propriedade ou outro elemento HTML que está fazendo ficar errado no FF. Veja esse exemplo do W3SCHOOLS, veja se em ambos os navegadores aparece igual: w3schools.com/cssref/… Commented 24/01/2017 às 19:49
  • Já tentou remover o súfixo -image e especificar as posições e tamanhos na mesma propriedade de estilo? Talvez a versão desse Firefox reconheça assim... Infelizmente não posso exemplar agora porque meu notebook ñ está ligando e não sou mais familiar com CSS(3. Fica... complicado.
    – user37626
    Commented 24/01/2017 às 19:50
  • @RafaelAcioly o comportamento do contain é por característica da minha imagem, eu sei que para ter tela toda deveria ser usado o cover rs! Commented 25/01/2017 às 17:07
  • @GuilhermeBrancoStracini ambos os navegadores aparecem iguais no link que mandou. Commented 25/01/2017 às 17:08

1 Resposta 1

0

Tente isso:

background: url('sua_imagem.jpg')no-repeat center top;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
1
  • Tentei e nada amigão! Mas valeu pela força, consegui de outra maneira mesmo, com uma "quase" gambiarra rs Commented 25/01/2017 às 17:13

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .