wmode 属性/参数值
wmode 属性/参数值 Window | Opaque | Transparent
模板变量:$WM
说明
(可选)允许使用 Internet Explorer 4.0 中的透明 Flash 内容、绝对定位和分层显示功能。此标记/属性仅在带有 Flash
Player ActiveX 控件的 Windows 中有效。
"Window"在 Web 页上用影片自己的矩形窗口来播放应用程序。"Window"表明此 Flash 应用程序与 HTML 层没有任何交互,
并且始终位于最顶层。
"Opaque" 使应用程序隐藏页面上位于它后面的所有内容。
"Transparent"使 HTML 页的背景可以透过应用程序的所有透明部分显示出来,并且可能会降低动画性能。
"Opaque windowless"和"Transparent windowless"都可与 HTML 层交互,从而允许 SWF 文件上方的层遮蔽应用程序。这两
种选项之间的差异在于"Transparent"允许透明,因此,如果 SWF 文件的某一部分是透明的,则 SWF 文件下方的 HTML 层可
以透过该部分显示出来,而"opaque"则不会显示。
如果忽略此属性,默认值为 Window。仅适用于 object。
根據官方的flas件當中指出,wmode屬性有效值有下面三種:
Window
plays the application in its own rectangular window on a web page. Window indicates that the Flash application has no interaction with HTML layers and is always the topmost item.
Opaque
makes the application hide everything behind it on the page.
Transparent
makes the background of the HTML page show through all the transparent portions of the application and can slow animation performance.
雖然很認真的去看了,可是好像還是沒有辦法把第一項跟第二項區分得很清楚,後來試了一下才發現兩者之間的區別。
Window是wmode的預設值,表面上看起來好像沒什麼不同,可是當你有使用CSS控制HTML元素的z-index的時候,就會看出明顯的差別了。
html animation属性wmode=”window”
wmode=”opaque”
看到沒?兩者之間的差別可以說是一目瞭然啊!Window除了速度快、有效率、無法使用z-index以外,他也沒有辦法混用於DHTML圖層當中,這就是為什麼常有人在抱怨,為什麼自己的下拉選單會跑到Flash後面。
Opaque除了可以讓你正確控制z-index的樣式,也可以透過Javascript來控制它的大小或是移動swf的位置喔!不過要注意,Opaque的背景可是沒有辦法透明的,也就是說,任何內容都會被放在swf下面唷!
至於Transparent,想當然,就是把flash的背景變成透明啦!讓swf檔案可以融入網頁當中而不會出現討厭的白底,不過,transparent在IE裡面是真的透明,也就是說,下面的網頁內容是可以被選取起來的,但是在FF裡面,就很討厭了,因為雖然看起來透明,但是滑鼠卻無法點選,不知道現在到底修正了沒有。另外,要稍微注意的是,使用這個值,會
讓你的flash影片變得比較慢喔!