透明 gif 帮助答案

【问题标题】：transparent gif help透明 gif 帮助
【发布时间】：2010-12-04 10:18:57
【问题描述】：

我有一个网站，我需要制作一些不透明度为 45% 的彩色图像，以便您可以看到背景。我的问题是，由于显而易见的原因，我不能使用 .png。我用过一个gif。当我在网站上得到它时，不透明度已经读到颜色，但你看不透它。我该如何做到这一点

编辑

如果没有必要，我不想使用 IE6 hack。就我所尝试的而言，没有可扩展的黑客攻击。

【问题讨论】：

【解决方案1】：

GIF 不支持 Alpha 透明度。为什么这么明显不能用PNG？

PNG 适用于所有现代浏览器，而 IE6 本身不支持 alpha 透明度。但是，在优秀的 'ol webernets 上有很多解决方案。

如果您绝对必须支持“愚蠢的用户”，请强制他们使用Chrome Frame，“我在您的浏览器中，使您的浏览器成为另一个更好的浏览器”浏览器。 Chrome Frame 是一个 IE 插件，它使用 Google 的 Chromium 引擎呈现页面。

【讨论】：

【解决方案2】：

gif只有1位不透明度，你不能有45%

【讨论】：

【解决方案3】：

使用透明 PNG 来获得完整的 Alpha 通道，然后使用 GIF 的 Internet Explorer 6 的备用 CSS，或在 IE6 中支持透明 PNG 的众多解决方法之一（使用 AlphaImageLoader 的“解决方法”除外） )

【讨论】：

【解决方案4】：

GIF 透明度要么全部打开，要么全部关闭。它不支持部分透明。然而，PNG 确实有部分透明度支持。除非您有不使用 PNG 图像的特定要求，否则我认为没有理由不能使用它们。

【讨论】：

由于 IE6，我不能使用 PNG...我们的用户群对浏览器非常愚蠢。 :( ...我试图远离黑客，因为它们很粗略，而且通常取决于浏览器设置（javascript）
这些技巧不是“粗略的”，它们是实用的。 IE6是粗略的。如果您的用户在禁用 JS 的情况下使用 IE6，那么他们现在可能在互联网上并没有很开心。在这种情况下，您可以回退到 GIF 并告诉用户为什么他们必须查看丑陋的用户界面。或者您可以强制他们使用镀铬框架：google.com/chromeframe

【解决方案5】：

如上所述，GIF 只有 1 位不透明度，表示打开或关闭，中间没有任何内容。这与 8 位 PNG 相同。

假设您不能使用 .PNG 的原因是因为您需要回退并在旧版本的 Internet Explorer 中工作。不幸的是，没有好的方法可以让它发挥作用。您可以使用hacks 让PNG 在IE6 中正常工作，但如果您必须一直支持到IE5，您就是SOL。

【讨论】：

【解决方案6】：

使用不同的透明 GIF 后，有些不稳定并导致 CSS 故障。例如，如果你有一个<img>，并且你使用了最小的透明 GIF，它可以正常工作，但是，如果你希望你的透明 GIF 有一个background-image，那么这是不可能的。出于某种原因，如下所示的一些 GIF 会阻止 CSS 背景。

短暂但不稳定

data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==

我建议使用稍长且更稳定的版本，如下所示：

稳定但更长

data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7

【讨论】：