0

我有一个 CSS 图像精灵，它在 FF 和 IE 中呈现完美。问题是渲染的图像在 IE 中看起来质量很差。

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

替代文字 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。

4

3 回答 3

3

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

如果没有这个 alpha 通道，IE 就无法正确渲染 PNG 图像中表示的透明度。这可能会稍微扭曲图像，或者给你一些你期望看到的东西。

如果没有更多细节，就很难辨别是什么导致了问题（或者问题是什么）。

于 2009-05-28T19:39:00.300 回答
1

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

于 2009-05-28T19:29:33.703 回答
0

奇怪的行为，出乎意料。

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

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

比你们，我投票给了答案。

于 2009-05-28T19:46:18.660 回答