Why does background-size cause images to have serrated border in IE?

Navigation
0

I'm inserting some transparent background images into an html page using the background-size feature of css, in IE these images are getting jagged edges, how can I work around this problem? 

<a href="#" class="iobOCF"></a>

.iobOCF{
  background:#6639b7 url(../content/images/iobOCF.gif) no-repeat center center;
  background-size:75%;
}
    
asked by anonymous 23.12.2015 / 18:45

1 answer

0

Add rendering properties to the class where your image is located. 

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

In the CSS-Tricks has a really cool tutorial on image-rendering .

    
23.12.2015 / 18:52
Nugget packet in local IIS or in an intra Load all tweets from a user without the Twitter API