今天給網站增加了視頻欄目,但是發現在IE8中,頂部浮動導航的div在移動到embed視頻上時,總是被embed的flash文件蓋住。分別修改導航div和embed的z-index值仍然無法解決,很是鬱悶。
結合之前有過此類遭遇的經驗,慢慢摸索了半小時,意識到並非z-index的問題,問題應該是出在embed上,最後Google、百度齊飛,終於找到embed的一個屬性“wmode”。
在embed里加入 wmode=”transparent”即可解決此問題,做一下筆記。
例:
<embed rel="nofollow" src="flash地址" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" allowFullScreen="true" mode="transparent" type="application/x-shockwave-flash" wmode="transparent"></embed>