wmode解決flash透明及層深問題
在做web開發中可能會遇到flash遮擋頁面中元素的情況,無論怎麼設定flash容器和層的深度(z-index)也無濟於事,現有的解決方案是在插入flash的embed或object標籤中加入”wmode”屬性並設定為wmode=“transparent”或”opaque”,但wmode屬性到底是什麼意義,為什麼可以解決這個問題呢?
window mode(wmode)
wmode即視窗模式總共有三種,看看當年Macromedia官方的說法:
window 模式
預設情況下的顯示模式,在這種模式下flash player有自己的視窗控制程式碼,這就意味著flash影片是存在於Windows中的一個顯示例項,並且是在瀏覽器核心顯示視窗之上的,所以flash只是貌似顯示在瀏覽器中,但這也是flash最快最有效率的渲染模式。由於他是獨立於瀏覽器的HTML渲染表面,這就導致預設顯示方式下flash總是會遮住位置與他重合的所有DHTML層。
但是大多數蘋果電腦瀏覽器會允許DHTML層顯示在flash之上,但當flash影片播放時會出現比較詭異的現象,比如DHTML層像被flash刮掉一塊一樣顯示異常。
Opaque 模式
這是一種無視窗模式,在這種情況下flash player沒有自己的視窗控制程式碼,這就需要瀏覽器需要告訴flash player在瀏覽器的渲染表面繪製的時間和位置。這時flash影片就不會在高於瀏覽器HTML渲染表面而是與其他元素一樣在同一個頁面上,因此你就可以使用z-index值來控制DHTML元素是遮蓋flash或者被遮蓋。
Transparent 模式
透明模式,在這種模式下flash player會將stage的背景色alpha值將為0並且只會繪製stage上真實可見的物件,同樣你也可以使用z-index來控制flash影片的深度值,但是與Opaque模式不同的是這樣做會降低flash影片的回放效果,而且在9.0.115之前的flash player版本設定wmode=”opaque”或”transparent”會導致全屏模式失效。
瞭解了各種模式的實現方式和意義在以後的開發中就可以按照具體情況選擇設定wmode屬性的值了。
相關文章
- flash wmode引數詳解
- 解決彈出層被Flash擋住的問題
- 網頁中引入flash及flash背景透明網頁
- 如何解決flash跑到層上面的問題?How to resolve the div layer appear over the top of flash?...APP
- 常見問題及解決
- 資料庫層面問題解決思路資料庫
- 解決flash在chrome瀏覽器列印空白的問題Chrome瀏覽器
- Git常見問題及解決Git
- Harbor搭建及配置 問題解決
- 跨域問題及解決方案跨域
- redis安裝及問題解決Redis
- 常見問題及解決方案
- 解決ie6/7/8iframe背景透明的問題
- 解決小程式遮罩層滾動穿透問題遮罩穿透
- 解決「問題」,不要解決問題
- Nacos 常見問題及解決方法
- UltraEdit常見問題及解決教程
- Homestead 使用問題及解決方式
- 奇怪的登入問題及解決
- Segments by ITL Waits 問題及解決AI
- WordPress:常見問題及解決方案
- C++---寫時拷貝解決深淺拷貝問題C++
- 問卷調查中常見問題及解決方法
- 快取常見問題及解決方案快取
- CAS導致的ABA問題及解決
- IPython的安裝及問題解決Python
- 快取三大問題及解決方案快取
- 爬蟲常見問題及解決方式爬蟲
- Kafka常見的問題及解決方案Kafka
- Fabric 環境搭建遇到問題及解決
- WIN 8.1使用常見問題及解決
- IMP-00013 問題及解決方法
- 虛擬化問題及解決辦法
- Hadoop常見問題及解決方法Hadoop
- KMP常見問題及解決方法【Z】KMP
- oracle壞塊問題及解決辦法Oracle
- Solaris 常見問題及解決方法(轉)
- django安裝xadmin及問題解決Django