javascript - 精灵的PNG修复？

Question

我的页面上有一些按钮是使用精灵的样式，但在 ie6 中使用“UNIT Png 修复” http://labs.unitinteractive.com/unitpngfix.php我的精灵不再工作，并且拉伸以适应容器，有人知道是否有一个 png 修复可以与精灵一起使用吗？谢谢

score 3 · Accepted Answer

您可以回退到 IE6 的 gif sprite 背景。

.myClass {
  background-image: url(img.png);
}

.ie6 .myClass {
  background-image: url(img.gif);
}

您可以按照 html5boilerplate 方法获取.ie6课程。<body>

编辑

或将 IE6 覆盖添加到条件 css 文件中：

<!--[if lte IE 6]><link rel="stylesheet" href="ie6.css" /><![endif]-->

归功于@lucideer，请参阅下面的评论

score 0 · Accepted Answer

简而言之，没有。我最近遇到了同样的问题，我刚刚从标准 PNG 创建了一个 GIF，并使用 IE6 样式表来使用 GIF。这种方式仍然支持精灵定位。该解决方案的可行性取决于您的设计以及需要多少透明度。在某些情况下你可以在必要的地方把背景放在 gif 中，但我个人不会太担心 IE6

2 回答 2