精灵的 PNG 修复



我的页面上有几个按钮是使用精灵的样式,但是在ie6中带有"单元Png修复"http://labs.unitinteractive.com/unitpngfix.php 我的精灵不再工作并且在那里拉伸以适应容器,有谁知道是否有png修复程序可以使用精灵?谢谢

你可以回退到IE6的gif精灵背景。

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

您可以按照 HTML5样板方法获取<body>上的 .ie6 类。

http://html5boilerplate.com/

编辑

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

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

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

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

最新更新