FusionCharts flash透明度設定

來源:互聯網
上載者:User

我不是做網頁設計的,所以碰到這個問題時感覺好偏啊,不過,最後有幸解決了,高興一下,也總結一下。
問題的情況是這樣的,做了一個頁面,頁面中有一個日期選擇的js,日期下面是FusionChartsFree 產生的flash圖表,他們都是放在div標籤裡面的,在頁面載入完成後,點擊日期選擇時,出現的日期圖片被flash遮住了,沒法選擇。
我猜就是div有層次的問題,於是我就在網上查資料,有點收穫,知道div層次是可以用z-index 來設定的。但是對這兩個div ,我怎麼設定就沒效果,日期依然在flash下面。正當我準備放棄的時候,突然想到是不是flash有些特殊呢,然後我又在網上搜了一下,發現了這篇文章
引用

NOTE: 支援其它瀏覽器(firefox opera etc.) 則使用
在embed節點中加入wmode值.
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設定成opaque就行了,剩下的事情就是改FusionCharts的參數了,這東西今天剛剛試著在用,把他的js檔案拿出來看了一遍才知道怎麼設定,在頁面上載入flash的js代碼中加上這句
chart.addParam("wmode","Opaque");就ok了~

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.