Html IE 8中的坏像素背景图像

我在internet explorer 8和9上遇到了一个小问题，图像结果不符合预期。像素质量非常差，但在其他浏览器中，如chrome、opera和firefox看起来非常好。

这是我的结果：

IE渲染的图像看起来是圆上的分数，这是我的CSS代码：

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

---

我相信这是使用MSIE alpha过滤器和本身具有alpha透明度的PNG的问题

你的选择是：

• 使用alpha通道将透明度烘焙到图像本身中
• 为图标提供混入上下文的不透明背景
• 使用MSIE渐变过滤器为图标提供透明的背景渐变

---

为了灵活性，我会选择第三个，但第一个可能是最快的。

也许可以看看这个问题：可能重复的