解决div被FusionChart/Flash挡住的问题
2012-03-19 11:47
363 查看
之前在网上找到一做统计的组件FusionChart,却实功能蛮强大的,最终生成的统计图是flash文件,还有动态效果,很不错。但今天碰到了一个,当我在使用了FusionChart的页面弹出一个div时,发现FusionChart生成的Flash上会产生层遮挡问题。网上找到很久,大都说flash遮挡了div可以在flash的参数中添加如下代码:
但这并不能解决我的问题,因为FusionChart是一个第三方的组件,它不像我们平常使用flash那样,在页面上写一个object,FusionChart的封装里会自动帮你写这些代码。那么不是就没有地方再让你写param了吗?其实不是的,当你打开FusionChart的js文件FusionChart.js时,你会看到有this.addParam('quality', 'high'); 这样的代码,其实这就是添加flash的参数,那么我们就可以解决这个问题了。相关代码如下:
在Flash里面加两个参数: <param name="wmode" value="transparent"> <param name="wmode" value="Opaque"> 说明: <param name="wmode" value="transparent"> FLASH将透明 <param name="wmode" value="Opaque"> FLASH仍将保持不透明 Flash的例子: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=" http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0 " width="760" height="80"> <param name="movie" value=" http://ad.1m1m.com/AdFiles/200774817589544.swf "> <param name="quality" value="high"> <embed src=" http://ad.1m1m.com/AdFiles/200774817589544.swf " quality="high" pluginspage=" http://www.macromedia.com/go/getflashplayer " type="application/x-shockwave-flash" width="760" height="80"></embed> <param name="wmode" value="transparent"> <param name="wmode" value="Opaque"> </object>
但这并不能解决我的问题,因为FusionChart是一个第三方的组件,它不像我们平常使用flash那样,在页面上写一个object,FusionChart的封装里会自动帮你写这些代码。那么不是就没有地方再让你写param了吗?其实不是的,当你打开FusionChart的js文件FusionChart.js时,你会看到有this.addParam('quality', 'high'); 这样的代码,其实这就是添加flash的参数,那么我们就可以解决这个问题了。相关代码如下:
修改FusionChart.js文件 //Set background color if(c) { this.addParam('bgcolor', c); } //Set Quality this.addParam('quality', 'high'); this.addParam('wmode', 'transparent');//这个是需要添加的 //Add scripting access parameter this.addParam('allowScriptAccess', 'always'); 但是这会引起背景色的变化,所以需要自己设置Chart的背景属性 文章源自:烈火网,原文:http://www.veryhuo.com/a/view/10447.html
相关文章推荐
- 解决div被FusionChart/Flash挡住的问题
- 解决div被FusionChart/Flash挡住的问题
- [转]解决DIV给flash挡住的问题
- 解决DIV给flash挡住的问题
- select挡住div的解决方法以及frame问题和IE、FLASH与实用代码
- 解决flash给挡住DIV的问题
- [转]解决DIV给flash挡住的问题
- Open Flash Chart 遮住div的问题解决
- 解决div被flash挡住的设置方法
- 【转载】解决弹出层被Flash及select挡住的问题
- 解决IE和Firefox下flash挡住div层的问题
- 解决Flash z-index失效挡住下面的问题
- 解决IE和Firefox下flash挡住div层的问题
- 解决flash遮住div的问题
- IIS启用Gzip压缩造成OpenFlashChart不能正常显示问题及解决方法
- IE和Firefox下flash挡住div层的问题解决方法
- 解决div被selected挡住的问题
- IE6和以下版本解决下拉框挡住Div问题
- 解决Flash挡住层用z-index无效的问题
- 解决IE和firefox 下flash盖住div的问题(转载)