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

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

Blogger插入YouTube影片

前一陣子發現重新編輯Blogger的文章後
原本插入的YouTube影片不見了..
上網查才知道原來語法改了

原本YouTube提供的語法

<object width="560" height="340">
<param name="movie" value="檔案網址"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="檔案網址" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed>
</object>

必須改成

<object data="檔案網址" type="application/x-shockwave-flash" width="560" height="340">
<param name="movie" value="檔案網址"/>
<param name="wmode" value="transparent"/>
</object>

就能正常觀看了