修正youtube的iframe或embed會擋住js或jquery menu選單layout的css語法

近來js或jquery menu選單使用的機會很多

方便好用效果漂亮

而youtube的embed / iframe嵌入影片也是家常便飯

但兩者放在一起時, youtube的影片時常蓋過選單或layout

此時可以試著用一些語法來改善

--summary--

首先

如果是舊版的youtube嵌入語法embed

則可以試著把object 標籤 embed加入 wmode="transparent"

以及<param name="wmode" value="transparent">

並在上方圖層增加z-index數
 

如果是新版的youtube嵌入語法iframe

則在影片網址後面加上?rel=0&wmode=opaque

同時一樣把上方圖層增加z-index數

 

即可解決