IE 8中的坏像素背景图像

Question

我在 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 */ }

Answer 1

我认为这是使用MSIE alpha过滤器和自身具有Alpha透明度的PNG的问题。

您的选择是：

• 使用Alpha通道将透明度烘焙到图像本身
• 为图标添加一个与上下文相混淆的不透明背景
• 使用MSIE渐变滤镜
为图标指定透明背景渐变

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