April 22,2007

也許是目前修正IE6的PNG透明度問題最簡單的方法

其實我已經被fliter什麼的搞到靠杯了,html塞一堆javascript,CSS檔也塞一堆Hack,累贅死了,可是PNG實在很好用,用的好的話會有令人驚奇的效果(如果你看到中間大圖的背景是灰色的,表示你該換瀏覽器了-   -|||)。剛找到一個簡單的方法,大概是目前為止看過最簡單的!首先到這邊下載"iepngfix.zip"這個檔案。把iepngfix.htc和blank.gif這兩個檔案放到你的CSS資料夾裡,在你的CSS檔案裡加上以下語法:

img{behavior: url(iepngfix.htc);}

好了。是的,這樣就好了。 (不過要注意iepngfix.htc的路徑)

以上是針對網站裡直接插入的圖片使用的,如果CSS裡的背景圖也使用png,譬如說#wrapper{ background-image: url(../images/background.png);},就把上述的那條CSS規則變成:

img, #wrapper{behavior: url(iepngfix.htc);}

同理,你的h3標題的背景都是透明PNG,就寫成img, #wrapper, h3{behavior: url(iepngfix.htc);}

好簡單喔!真棒,長久以來的困擾都解決了!我試用的結果如下^^。


屁啦!!根本沒用!!(╯ ̄皿 ̄)╯︵┴─┴


到底是怎樣,真煩,剛搞了半天還是沒用。
可不可以強制大家都使用firefox啊...這才是最簡單的方法吧...。

Posted by waking_life at 樂多Roodo! │05:48 │回應(14)引用(0)樣式表心法
樂多分類:網路/3C 共同主題:CSS 工具:編輯本文
Ads by Roodo! 

引用URL

http://cgi.blog.roodo.com/trackback/3038653
回應文章
IE不支援PNG檔啊,IE7也不嗎?
我還沒試用過IE7就是了。
之前那個filter的問題我也是弄了好久,才使IE和Firefox瀏覽同一個網誌都顯示出透明度。
Posted by 熟太 at July 12,2007 17:53
(~歡迎熟太大駕光臨~)
IE7有啊!
不過市場大宗仍是IE6
filter的解法好像很多種
我都弄不成功T__T
Posted by one at July 19,2007 03:55
哈哈~寫的好

很多網址都會轉載一些
什麼

"完美配置"
"一次解決"

然後寫了一堆範例..結果都沒效..

最近碰到一個CSS垂直置中,最後還是用table..
Posted by 刮牛人 at August 2,2007 11:58
我試了可以ㄝ~
Posted by nina at August 7,2007 19:42
哈哈哈哈哈!

好簡單喔!真棒,長久以來的困擾都解決了!我試用的結果如下^^。

按下繼續閱讀結果出現:

屁啦!!根本沒用!!(╯ ̄皿 ̄)╯︵┴─┴

基本上您寫的我完全看不懂...o.o"
因為我不懂任何網頁的語言...^_^"
可是....

很好笑!
Posted by Arthur at September 13,2007 14:47
哈哈~
往下拉看到你那句感覺很貼切 :P
剛好最近也在找這方面的資訊
就找到這來了~

其實仔細去研究那個 HTC (JavaScript) 就會知道
他的標籤是寫死的
所以要活用可能要再下一下功夫了
尚在研究中 :)
Posted by Godspeed at September 14,2007 19:57
TO 刮牛人

重直置中我都用margin:0 auto,雖然還是會有問題(Fx裡沒設float的div不會有自適高度...etc),這些問題CSS3應該都可解決,只是要等到瀏覽器都支援...唉。
--
TO nina

我在想可能是每個人IE6的版本有差異,基本上很多網站的範例,在我的IE6看來,PNG圖檔根本就是灰底的 囧。
--
TO Godspeed

等你研究出來造福跟我一樣不懂程式的人囉!
Posted by one at September 15,2007 05:12
Posted by Goodspeed at September 18,2007 01:04
目前已經有方法解決了...
連BACKGROUND-IMAGE都解決了..很神的..
http://gedankenkonstrukt.de/wiki/image/?action=image_content;title=IEPNGFix-pos;revision=1;width=180
下載點:
http://gedankenkonstrukt.de/wiki/?action=file_show;title=IEPNGFix%201.0RC5-bgpos

我試了一下..如它所說般在IE6實現透明背景,
跟iepngfix.htc一樣只需blank.gif,
但能實現更多的iepngfix-mod.htc.
Posted by Roviury at May 13,2008 00:08

剛好有個案子就試用了上面這個方法,我發現我的IE6版本就是不吃PNG24,後來找了另一個版本,上面的方法就可以奏效了,但這個htc的script好像會影響到背景圖的大小,如果用sliding door等技巧,就會露出馬腳...還是沒有完美的solution啊...
Posted by one at May 15,2008 04:14
我都用 Macromedia Fireworks 8 將png檔 滙出成
png 8 Alpha 透明度 完全符合

一般免費的圖像瀏灠軟體也有可以轉成 png 256色
如:FastStone Image Viewer 3.5
這樣子在 ie6 即可背景透明
也不用加一些修正檔,麻煩死了
只是色彩比24bit的少了很多
Posted by urien at July 11,2008 21:50

Hi urien,

png 256色的道理跟gif 256色道理一樣啊,邊緣還是會醜醜的,我這邊說的透明png,主要是想使用它的alpha透明度,所以還是得使用修正檔 :)
Posted by one at July 14,2008 13:18

我成功了耶
感謝妳!
Posted by 芸 at April 1,2009 14:49

非常感謝提供此資訊!! 非常受用啊~~~
Posted by -myc- at May 19,2009 13:44