置入Youtube 影片z-index 在IE中失效

有時候我們會需要在網頁上置入youtube的影片
但如果因為layout設計的關係，要在youtube影片上面再壓圖或是文字說明
在IE中，(又是IE..攤手)不管z-index設多高
都無法蓋過去
這是因為youtube的flash播放器沒有設定wmode的關係
所以我們要自己加上wmode的設定
(關於wmode的屬性可以看這裡的說明)
我在網路上找到這一篇國外的文章有說明如何解決
如果是用youtube iframe直接置入影片的方法，解決方法如下

IE7、IE8中使用jQuery的fadeIn/fadeOut 黑邊問題

這是之前同事問我的問題
因為把瀏覽器從Firefox 換成Chrome之後就無視IE就很少開了...
上網找了一下
看到這邊有解決的方式
怕忘記所以在這邊記錄一下

$(function() {
    if(navigator.userAgent.indexOf("MSIE") != -1) {
        $('img').each(function() {
            if($(this).attr('src').indexOf('.png') != -1) {
                $(this).css({
                    'filter': 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' +
                    $(this).attr('src') +
                    '", sizingMethod="scale");'
                });
            }
        });
    }
});