2009-10-06 61 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