2012年6月14日

Jquery Png IE濾鏡問題


最近在研究一些Jquery的slider效果時,遇到了png透明圖片放進去就出現黑邊的詭異情形...


查了很久之後才知道,原來『又』是IE瀏覽器的問題...
簡單的說就是IE只能支援單一容器中的png濾鏡特效。
這個奇怪的bug起因就是IE瀏覽器目前對透明png圖片還是是用濾鏡在顯示,所以會出現黑邊只有IE瀏覽器(經測試過firefox chrome safari opera不用特別語法都可以正常顯示Orz)


目前我找到最簡單的解決辦法,只要下一段style在img語法裡,就可以讓ie乖乖顯示透明png了...

加這段>>     style="filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="")"




圖片上半部是加上語法之後,正常顯示的樣子,
圖片下半部則是未加上語法,在IE瀏覽器中出現的黑邊...

效果demo:http://www.one-design.tw/demo/jquery/png/index.html

**補充說明
後來發現一樣是IE8,但在xp系統就又出現黑邊了Orz..
facebook討論

2 意見:

匿名 提到...

所以是xp IE8會有問題 其他都不會有問題嗎?

dog007 on 2013年6月18日 晚上10:38:00 提到...

@匿名

除了IE之外的瀏覽器都沒有這問題Orz

 

One Design Copyright © 2009 BeMagazine Blogger Template is Designed by Blogger Template
In Collaboration with fifa