關(guān)于flash遮蓋div浮動層的解決方法
更新時(shí)間：2010年07月17日 15:47:07 作者：
關(guān)于flash遮蓋div浮動層
網(wǎng)上的解決方案:
From:http://codingforums.com/showthread.php?t=95109
(a) place Flash embed script in <div> container (I use SWFObject.js)[將flash嵌入腳本放到一個(gè)div容器中]
(b) add wmode=transparent to Flash embed script[增加wmode=transparent 到flash嵌入腳本]
(c) set <div id="flashcontent"> container with z-index:-1; [將外層容器的z-index設(shè)置為-1]
(d) set <body> tag with style .. position:relative;left:0px;top:0px;z-index:0;
(otherwise Firefox does not accept negative z-index)
(e) set floating iframe in container with z-index: 99;[將浮動的iframe在容器中的zindex設(shè)置為99]
(f) use CSS to position flashcontent and htmlcontent containers.[使用css來調(diào)整flash容器和html容器的位置]
其他方案網(wǎng)上比較多見,不做闡述.在此說下使用第一個(gè)方案如何解決:
var so = new SWFObject("XXX.swf", "flashId", "寬度", "高度", "版本", "背景色");
//設(shè)置flash不遮蓋div層
so.addParam("wmode", "opaque");
so.write("flashcontent");
如此設(shè)置即可讓flash無法遮蓋住div.
From:http://codingforums.com/showthread.php?t=95109
(a) place Flash embed script in <div> container (I use SWFObject.js)[將flash嵌入腳本放到一個(gè)div容器中]
(b) add wmode=transparent to Flash embed script[增加wmode=transparent 到flash嵌入腳本]
(c) set <div id="flashcontent"> container with z-index:-1; [將外層容器的z-index設(shè)置為-1]
(d) set <body> tag with style .. position:relative;left:0px;top:0px;z-index:0;
(otherwise Firefox does not accept negative z-index)
(e) set floating iframe in container with z-index: 99;[將浮動的iframe在容器中的zindex設(shè)置為99]
(f) use CSS to position flashcontent and htmlcontent containers.[使用css來調(diào)整flash容器和html容器的位置]
其他方案網(wǎng)上比較多見,不做闡述.在此說下使用第一個(gè)方案如何解決:
復(fù)制代碼 代碼如下:
var so = new SWFObject("XXX.swf", "flashId", "寬度", "高度", "版本", "背景色");
//設(shè)置flash不遮蓋div層
so.addParam("wmode", "opaque");
so.write("flashcontent");
如此設(shè)置即可讓flash無法遮蓋住div.
相關(guān)文章
小程序如何在不同設(shè)備上自適應(yīng)生成海報(bào)的實(shí)現(xiàn)方法
這篇文章主要介紹了小程序如何在不同設(shè)備上自適應(yīng)生成海報(bào)的實(shí)現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
原生js FileReader對象實(shí)現(xiàn)圖片上傳本地預(yù)覽效果
這篇文章主要介紹了原生js FileReader對象實(shí)現(xiàn)圖片上傳本地預(yù)覽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要介紹了JS實(shí)現(xiàn)的對象去重功能,結(jié)合實(shí)例形式分析了javascript針對json對象的遍歷、判斷、運(yùn)算實(shí)現(xiàn)去重功能相關(guān)操作技巧,需要的朋友可以參考下2019-06-06
JavaScript實(shí)現(xiàn)放大鏡效果代碼示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)放大鏡效果代碼示例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-04-04
這篇文章向大家分享了40多個(gè)經(jīng)典的JavaScript開發(fā)技巧，相信讀完這篇文章對大家開發(fā)javascript有很大的幫助作用，感興趣的小伙伴們可以參考一下2015-11-11
JavaScript中三種非破壞性處理數(shù)組的方法比較
在這篇文章中，我們將會探索處理數(shù)組的三種方法：for…of循環(huán)、數(shù)組方法.reduce()和數(shù)組方法.flatMap()，文中的示例代碼講解詳細(xì)，感興趣的可以了解一下2023-06-06
JavaScript數(shù)組實(shí)例的9個(gè)方法
這篇文章主要介紹了JavaScript數(shù)組實(shí)例的9個(gè)方法,文章圍繞主題展開詳細(xì)的內(nèi)容介紹沒具有一定的參考價(jià)值，需要的朋友可以參考一下2022-07-07
JavaScript代碼實(shí)現(xiàn)禁止右鍵、禁選擇、禁粘貼、禁shift、禁ctrl、禁alt
這篇文章主要介紹了JavaScript代碼實(shí)現(xiàn)禁止右鍵、禁選擇、禁粘貼、禁shift、禁ctrl、禁alt,需要的朋友可以參考下2015-11-11
訪問修改DOM元素都會導(dǎo)致瀏覽器重新計(jì)算頁面的幾何變化，下面為大家介紹下javascript性能提升方法,需要的朋友可以參考下2014-02-02
使用JS模擬錨點(diǎn)跳轉(zhuǎn)的實(shí)例
下面小編就為大家分享一篇使用JS模擬錨點(diǎn)跳轉(zhuǎn)的實(shí)例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02