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滤镜和PNG的问题,这些PNG本身具有Alpha透明度.

您的选择是:

• 使用Alpha通道将透明度烘焙到图像本身
• 给图标一个不透明的背景,融入上下文
• 使用MSIE渐变滤镜为图标提供透明背景渐变

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