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

Apache NiFi ExecuteScript: Groovy script to replace Json values via a mapping file -

node.js - How do I prevent MongoDB replica set from querying the primary? -

python 3.x - PyQt5 - Signal : pyqtSignal no method connect -