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討論