也許是目前修正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)
│
樣式表心法
引用URL
http://cgi.blog.roodo.com/trackback/3038653
IE不支援PNG檔啊,IE7也不嗎?
我還沒試用過IE7就是了。
之前那個filter的問題我也是弄了好久,才使IE和Firefox瀏覽同一個網誌都顯示出透明度。
(~歡迎熟太大駕光臨~)
IE7有啊!
不過市場大宗仍是IE6
filter的解法好像很多種
我都弄不成功T__T
哈哈~寫的好
很多網址都會轉載一些
什麼
"完美配置"
"一次解決"
然後寫了一堆範例..結果都沒效..
最近碰到一個CSS垂直置中,最後還是用table..
我試了可以ㄝ~
哈哈哈哈哈!
好簡單喔!真棒,長久以來的困擾都解決了!我試用的結果如下^^。
按下繼續閱讀結果出現:
屁啦!!根本沒用!!(╯ ̄皿 ̄)╯︵┴─┴
基本上您寫的我完全看不懂...o.o"
因為我不懂任何網頁的語言...^_^"
可是....
很好笑!
哈哈~
往下拉看到你那句感覺很貼切 :P
剛好最近也在找這方面的資訊
就找到這來了~
其實仔細去研究那個 HTC (JavaScript) 就會知道
他的標籤是寫死的
所以要活用可能要再下一下功夫了
尚在研究中 :)
TO 刮牛人
重直置中我都用margin:0 auto,雖然還是會有問題(Fx裡沒設float的div不會有自適高度...etc),這些問題CSS3應該都可解決,只是要等到瀏覽器都支援...唉。
--
TO nina
我在想可能是每個人IE6的版本有差異,基本上很多網站的範例,在我的IE6看來,PNG圖檔根本就是灰底的 囧。
--
TO Godspeed
等你研究出來造福跟我一樣不懂程式的人囉!
剛好有個案子就試用了上面這個方法,我發現我的IE6版本就是不吃PNG24,後來找了另一個版本,上面的方法就可以奏效了,但這個htc的script好像會影響到背景圖的大小,如果用sliding door等技巧,就會露出馬腳...還是沒有完美的solution啊...

我都用 Macromedia Fireworks 8 將png檔 滙出成
png 8 Alpha 透明度 完全符合
或
一般免費的圖像瀏灠軟體也有可以轉成 png 256色
如:FastStone Image Viewer 3.5
這樣子在 ie6 即可背景透明
也不用加一些修正檔,麻煩死了
只是色彩比24bit的少了很多
Hi urien,
png 256色的道理跟gif 256色道理一樣啊,邊緣還是會醜醜的,我這邊說的透明png,主要是想使用它的alpha透明度,所以還是得使用修正檔 :)

我成功了耶
感謝妳!

非常感謝提供此資訊!! 非常受用啊~~~