彈出層被FLASH遮擋解決辦法(ckplayer解決)

彈出層被FLASH遮擋解決辦法(ckplayer解決)

wmode屬性:

"Window " Web 頁上用影片自己的矩形窗口來播放應用程序,並且始終位於最頂層。
"Opaque "
顯示頁面上位於它後面的內容。
"Transparent "
使 HTML 頁的背景可以透過應用程序的所有透明部分顯示出來,並且可能會降低動畫性能。

"Opaque ""Transparent"可與 HTML 層交互,從而允許 SWF 文件上方的層遮蔽應用程序。這兩種選項之間的差異在於"Transparent"允許透明,因此,如果 SWF 文件的某一部分是透明的,則 SWF 文件下方的 HTML 層可以透過該部分顯示出來,而"opaque"則不會顯示。

如果忽略此屬性,默認值爲 Window。僅適用於object

Window速度快、有效率,但無法使用z-index,也沒有辦法混用於DHTML圖層當中,這就是爲什麼常有人在抱怨自己的下拉菜單跑到Flash後面。

Opaque除了可以讓你正確控制z-index的樣式,也可以透過Javascript來控制它的大小或是移動swf的位置!不過要注意,Opaque的背景可是沒有辦法透明的,也就是說,任何內容都會被放在swf下面。

至於Transparent,想當然,就是把flash的背景變成透明。讓swf檔案可以融入網頁當中而不會出現討厭的白底,不過,transparentIE裏面是真的透明,也就是說,下面的網頁內容是可以被選取起來的,但是在FF裏面,就很討厭了,因爲雖然看起來透明,但是滑鼠卻無法點選。另外,要稍微注意的是,使用這個值,會讓你的flash影片變得比較慢!

方法如下:

一、設置flash置底,加個代碼<paramname="wmode" value="opaque" />但是隻加這個代碼,IE可行,在FF下,失效。要想在FF下起作用,還要用在object 里加個 wmode="opaque" ,實例代碼如下:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″codebase=" width="600″ height="248″>
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="flash/uploader.swf">
<param name="quality" value="high">
<paramname="wmode" value="Opaque">
<embed src="flash/uploader.swf" 
wmode="Opaque" quality="high"pluginspage="http://www.macromedia.com/go/getflashplayer"type="application/x-shockwave-flash" width="600″height="248″></embed>
</object>

紅色:解決IE下的遮住層問題。
綠色加粗:解決Firefox下的遮住層問題。

 二、設置flash爲透明:但是如果你在DW中插入動畫,再加<param name="wmode" value="transparent">是不生效的。要把整個的flash插件代碼換成如下:
 

<object type="application/x-shockwave-flash"data="http://www.w3net.cn/images/banner.swf" width="560″height="210″>
<param name="movie"value="http://www.w3net.cn/images/banner.swf" />
<param name="wmode" value="transparent" />
</object>

 
<body>中插入 onblur=self.focus() 也就是<bodyonblur=self.focus()>

 

Ckplayer解決方法:

Ckplayer.js參數設置地方加入,  wmode:'Opaque',一共有兩個地方,如果找不到,可以搜索allowScriptAccess: 'always',在他下面加入即可。然後要修改彈出層的z-index,支持IE8

 


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章