html - Bad pixel background image in IE 8 -


i had small problem on internet explorer 8 , 9 image results not expected. pixel quality poor, in other browsers chrome, opera, , firefox looks good.

this results :


enter image description here


images rendered ie looks fractions on circle, , css code :

.social-profiles ul li.facebook {     background: url(img/flat-social-icons/32px/facebook-32.png);     text-indent: -9999;     opacity: 0.4;     filter: alpha(opacity=40); /* msie */ } 

i believe issue using msie alpha filters pngs possess alpha transparency themselves.

your options to:

  • bake transparency image alpha channel
  • give icons opaque background blends context
  • give icons transparent background gradient using msie gradient filter

i choose third flexibility, first fastest.


Popular posts from this blog

php - How should I create my API for mobile applications (Needs Authentication) -

5 Reasons to Blog Anonymously (and 5 Reasons Not To)

Google AdWords and AdSense - A Dynamic Small Business Marketing Duo