FLASH遮擋DIV浮動層解決方案兼容IE FF Chrome
發(fā)布時間:2013-09-11 15:15:50 作者:佚名
我要評論

DIV浮動層被FLASH遮擋,這種情況想必有很多人都有遇到過吧,下面針對,主流瀏覽器做了下解決方案,感興趣的朋友可以參考下
做項目的時候經(jīng)常會遇到DIV浮動層被FLASH遮擋的,下面給出解決方案。
IE下:
<param name="wmode" value="transparent" />
FireFox和Chrome下:
<embed src="http://player.56.com/v_ODk4OTI0NjA.swf" quality="high" width="480" height="405" wmode="transparent"></embed>
完整格式:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="480" height="405">
<param name="movie" value="http://player.56.com/v_ODk4OTI0NjA.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="http://player.56.com/v_ODk4OTI0NjA.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="480" height="405" wmode="transparent"></embed>
</object>
注意插入優(yōu)酷視頻和插入flash的方式是一樣的, 注意一些標簽不可省略
IE下:
復(fù)制代碼
代碼如下:<param name="wmode" value="transparent" />
FireFox和Chrome下:
復(fù)制代碼
代碼如下:<embed src="http://player.56.com/v_ODk4OTI0NjA.swf" quality="high" width="480" height="405" wmode="transparent"></embed>
完整格式:
復(fù)制代碼
代碼如下:<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="480" height="405">
<param name="movie" value="http://player.56.com/v_ODk4OTI0NjA.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="http://player.56.com/v_ODk4OTI0NjA.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="480" height="405" wmode="transparent"></embed>
</object>
注意插入優(yōu)酷視頻和插入flash的方式是一樣的, 注意一些標簽不可省略
相關(guān)文章
- IE6下層被select控件遮住的問題想必大家在布局過程中都有遇到過吧,其實解決方法很簡單就是在層里套個iframe,具體實現(xiàn)如下,感興趣的朋友可以參考下,希望對大家有所幫助2013-08-19
IE中div被視頻遮住(用embed來內(nèi)嵌視頻)的解決方法
使用embed來內(nèi)嵌視頻,因為視頻是windows media player,上面想用div浮動一些內(nèi)容,最后設(shè)定了windowlessVideo=1終于解決,感興趣的朋友可以參考下,希望對大家有所幫助2013-08-07- 浮層遮擋情況想必大家在測試網(wǎng)頁布局師會有遇到過吧,如果浮層中的元素覆蓋的區(qū)域含有設(shè)置了postion:relative的元素,在IE7中浮層就有可能無法遮擋這些元素,下面是具體的2013-05-07
- 今天有任務(wù)讓加個蒙版,JS小白的我在網(wǎng)上找了個修改下,改成了JS模版以后可以重復(fù)用啦,本文將詳細介紹DIV遮罩層如何實現(xiàn),需要的 朋友可以參考下2012-11-20
- 巧用CSS3 border實現(xiàn)圖片遮罩效果代碼,需要的朋友可以參考下2012-04-09
- 背景半透明,覆蓋整個可視區(qū)域的遮罩層效果在工作中經(jīng)常會遇到,這篇文章主要介紹了當內(nèi)容超過一屏時如何做到多瀏覽器的兼容性。 下面我們通過一個簡單的例子看看如何實現(xiàn)2011-12-08
- 背景半透明,覆蓋整個可視區(qū)域的遮罩層效果在工作中經(jīng)常會遇到,這篇文章主要介紹了當內(nèi)容超過一屏時如何做到多瀏覽器的兼容性。 下面我們通過一個簡單的例子看看如何實現(xiàn)2011-10-30
- 使用div制作蒙版或模擬彈出窗口,但在IE6下,當div下方有下拉列表框select元素的時候,下拉列表框會劃破div顯示在div之上,不論z-index設(shè)為何值均會出現(xiàn)此問題,可能由于下2011-07-29
- 用到遮罩彈窗時在網(wǎng)上搜索,看到絕大多數(shù)都是基于Jquery的。我不想用那么復(fù)雜的應(yīng)用,于是自己寫了一個。2011-07-27
- 在進行網(wǎng)頁布局設(shè)計的時候,經(jīng)常會根據(jù)需要設(shè)置相對定位,絕對以及浮動定位最近突然發(fā)現(xiàn)了一個奇妙的現(xiàn)象:IE6下絕對定位元素神秘消失或被遮擋, 首先是IE絕對定位元素神秘2011-07-22