是否有适用于 IE6 的 JavaScript PNG 修复程序允许 CSS 背景定位？
我已经看到了一些允许 PNG 图像在 Internet Explorer 6 中具有透明度的修复，但我还没有找到一个也允许您在 CSS 中设置背景位置的修复。 如果你使用精灵，那就会破坏交易。 我求助于使用 GIF（质量不是那么高），根本不使用透明图像，或者提供与 IE6 完全不同的样式表。 是否有针对 IE6 的修复，允许 PNG 透明度和背景定位？
I've seen a few fixes for allowing PNG images to have transparency in Internet Explorer 6, but I've yet to find one that also allows you to set the background position in CSS. If you use sprites, it's a deal-breaker. I've resorted to using GIF's (which are not as high quality), not using transparent images at all, or serving a completely different stylesheet to IE6. Is there a fix for IE6 that allows for PNG transparencies AND background positioning?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（6）
IE PNG Fix v2.0 支持完整 alpha+
位置/重复。IE PNG Fix v2.0 has support for full alpha+
position/repeat.实际上，您可以利用 IE6 的 Alpha 滤镜和 CSS
clip属性，使用纯 CSS 在 IE6 中获取具有 Alpha 透明度的定位背景图像。 Julien Lecomte 在他的博客上描述了该技术。请注意，此技术确实会导致每次使用 alpha 过滤器时性能受到影响。
You can actually use pure CSS to get positioned background images with alpha transparency in IE6 by taking advantage of IE6's alpha filters and the CSS
clipproperty. Julien Lecomte describes the technique on his blog.Note that this technique does result in a performance hit for each use of an alpha filter.
DD_belatedPNG.js 效果很好
DD_belatedPNG.js works very well
当背景是静态时，我使用 TweakPNG 将 PNG 中的背景颜色块更改为正确的颜色（而不是默认的灰色）。 任何常规浏览器都会忽略此颜色，因为 alpha 通道会否决它，但 IE6 及更低版本将使用该颜色而不是 alpha 通道。
这意味着我们在 IE7+ 中具有透明度，而在 IE6 及更低版本中性能下降得很好。 所有 css 定位和重复都是可能的（因为没有 hack！）。
When the background is static I use TweakPNG to change the Background Color chunk in the PNG to the correct color (instead of the default gray color). Any regular browser will ignore this because the alpha channel overrules it, but IE6 and lower will use that color instead of the alpha channel.
This means we have transparency in IE7+ while degrading nicely in IE6 and lower. And all css positioning and repeating are possible (because there are no hacks!).
这是上个月左右出现的一项新技术。 从页面：
This is a new technique that has popped up in the last month or so. From the page:
是的。 将您的图像转换为使用索引托盘 (png256)。 您可以支持透明度（就像 gif 一样），但不支持 Alpha 通道。
您可以使用 Irfanview 和 pngout 插件 pngquant 或 pngnq 。
YUI 性能团队还做了很棒的演示，涵盖了许多其他图像优化概念。
Yes. Convert your images to use indexed pallets (png256). You can support transparency (just like gif), but not an alpha channel.
You can do this using Irfanview and the pngout plugin, pngquant or pngnq.
The YUI performance team also did a great presentation that covers this an many other image optimization concepts.