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 :
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.