html - 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 渐变滤镜为图标提供透明背景渐变

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