0

Estou inserindo algumas imagens com fundo transparente em uma página html utilizando o recurso de background-size do css, no IE estas imagens estão ficando com as bordas serrilhadas, como posso contornar este problema?

<a href="#" class="iobOCF"></a>
.iobOCF{
  background:#6639b7 url(../content/images/iobOCF.gif) no-repeat center center;
  background-size:75%;
}
0

1 Resposta 1

0

Adicione propriedades de rendering para a classe onde encontra-se sua imagem.

.classe{
   -ms-interpolation-mode: nearest-neighbor;
}

No CSS-Tricks tem um tutorial bem bacana sobre image-rendering.

3
  • Já tentei, não funcionou. 23/12/2015 às 17:53
  • Você manteve o aspect-ratio das imagens? As vezes o que pode acontecer é o renderizador do browser aumentar sua imagem pra que fique encaixada no lugar certo e isso pode causar pixelamento. 23/12/2015 às 17:55
  • como mantenho o aspect-ratio? 4/01/2016 às 20:49

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 .