CSS Sprit在IE中以低质量渲染的图像

Question

我有一个CSS图像精灵，这个渲染完美的FF，也是IE浏览器。 问题是渲染的图像在IE中看起来质量很差。

之前有没有遇到过这个？你怎么修好它的？我需要CSS sprites来节省带宽和请求。

alt text http://cupacupelor.ro/img/problem.png

.blackmncenter2
{
    float:left;
    height:32px;
    line-height:32px;
    background-image:url(../img/top-menu-center.png);   
    background-repeat:repeat-x;
    background-position:left -64px;
    color:White;
    cursor:pointer;
    display:block;
}

图像：

  

http://cupacupelor.ro/img/problem.png

演示：

  

http://cupacupelor.ro/

黑色顶级菜单，发布后最多可提供7天。 尝试使用FF，然后使用IE浏览器。

Answer 1

您需要使用PNG格式的图片吗？传统上，Internet Explorer 6.0及更早版本存在与PNG格式相关的一些问题，最明显的是缺乏对alpha通道的支持。

如果没有此Alpha通道，IE无法正确呈现PNG图像中表示的透明度。这可能会使图像稍微扭曲，或者给你一些不同于你期望看到的东西。

如果没有更多详细信息，很难分辨导致问题的原因（或者首先是问题）。

Answer 2

请定义“质量差”。也许是因为你的CSS精灵没有保留原始图像的透明度？

Answer 3

奇怪的行为，不是预期的。

即使我的IE 7和PNG没有透明度，使用 background-position 样式呈现的背景在IE中也很奇怪。

将图像保存为JPG并修改CSS解决了问题。

比你们，我投了答案。