2009-10-06 65 views
1

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

编辑

我不想使用IE6破解,如果我没有。据我所尝试,没有可扩展的黑客。

+0

什么是“可扩展黑客”?我不确定IE6提供的几种解决方法对PNG中的alpha透明度有什么影响。 IE6是一个黑客。 – snicker 2009-10-06 21:45:13

回答

11

GIF不支持alpha透明度。为什么显而易见你不能使用PNG?

PNG适用于所有现代浏览器,而本机不支持alpha6透明度。但是,有很多修复这个可用在良好的'澳大利亚韦伯网..

如果你绝对必须支持“愚蠢的用户”,迫使他们使用Chrome Frame,“我在你的浏览器使得你的浏览器更好的另一个更好浏览器“浏览器。 Chrome Frame是IE的插件,可使用Google的Chromium引擎呈现网页。

+0

我同意。 PNG透明度适用于所有主流浏览器,它的alpha透明度在IE6中不能很好地运行,并且有很多简单的修复方法。 – 2009-10-06 21:19:01

+0

哇。你的评论和我的编辑一样。厄运! – snicker 2009-10-06 21:20:00

+0

如果您指的是IE6缺乏PNG Alpha透明度支持..有多种解决方法可以解决95%的问题。 – scunliffe 2009-10-06 21:20:16

4

GIF只有1混浊的一点,你不能有45%

2

使用透明的PNG,以获得最大的Alpha通道,然后用于Internet Explorer 6使用GIF,或一个回退CSS在IE6中支持透明PNG的众多解决方法(除了使用AlphaImageLoader的“解决方法”)

3

GIF透明度可以全部打开或全部关闭。它不支持部分透明度。但PNG确实有部分透明度支持。除非你有特定的要求不使用PNG图像,否则我没有看到他们无法使用的理由。

+0

因为IE6,我无法使用PNG ...我们的用户群对浏览器非常笨拙。 :(...我试图远离黑客,因为它们粗略,而且经常依赖于浏览器设置无论如何(javascript) – 2009-10-06 21:29:30

+0

黑客不是“粗略”,它们是功能性的IE6粗略如果你的用户正在使用禁用JS的IE6,好吧,他们现在可能在互联网上没有太多乐趣,而且在这种情况下,你可以回到GIF并告诉用户他们为什么要看一个丑陋的用户界面或者您可以强制他们使用Chrome框架:http://www.google.com/chromeframe – snicker 2009-10-06 21:36:10

1

如上所述,GIF只有1位不透明度,意思是On或OFF,中间没有任何内容。这与8位PNG相同。

假设您无法使用.PNG的原因是因为您需要退回到旧版Internet Explorer中工作。毫无疑问,没有什么好方法可以使它工作。有hacks,您可以使用它来使IE浏览器在IE6中正常工作,但是如果您必须一直支持IE5,那么您就是SOL。

1

这篇文章HERE是一个必须阅读,如果你想能够与ie6使用.png。

0

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

短,但不稳定

data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==

我如下建议使用稍长和更稳定的版本:

稳定,但较长的

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