解决div被FusionChart/Flash挡住的问题
在使用了FusionChart的页面弹出一个div时,发现FusionChart生成的Flash上会产生层遮挡问题。网上找到很久,大都说flash遮挡了div可以在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的背景属性
FusionChart V3推荐完毕,如果你在使用过程中有什么问题,可以一起来学IT交流下哦
分享到:
相关推荐
html5.0/css/div的一个应用实例。
静态HTML/style/DIV布局技术重点 现实实际要用到的东西,静态的掌握这 些完全足够了,W3C标准知识点
遮罩层(多个实现的例子)/js/div,直接运行可以看到效果,可以直接使用。
精通CSS+DIV网页样式与布局 语言:中文 格式:txt 使用前请您先阅读以下条款,否则请勿使用本站提供的文件! 1) 本站不保证所提供程序的完整性和安全性。 2) 请在使用前查毒 (这也是您使用其它网络资源所必须注意...
动画效果 打开/移动/关闭 DIV层窗口,效果和FLASH相同
解决flash遮住div的问题,很简单的方法
采用flash+div 构建的一个小小的网页 里面嵌套了苹果界面的幻灯片...
该功能使用的VS2008版本 测试浏览器使用的是IE8、firefox7.0.1,一切正常 实现的功能如下:使用DIV层进行左右滚动效果,能够控制每一个div显示的时间, 能够在flash之上增加链接等。
<div class="eye left"><span></span></div> <div class="eye right"><span></span></div> <div class="mounth"></div> <div class="arm left"></div> <div class="arm right"></div> </div> <div class=...
<div class="nav-back"></div> <div class="nav"> <div class="on">餐饮</div> <div>电商</div> <div>旅游</div> <div>汽车</div> <div>美容</div> <div>新闻</div> <div>家居</div> <div>健康</...
这个是我亲手所做的Web基础课程设计,里面有完整的一个用HTML所写的一个个人网站,当然也有Css样式,另外加了点JavaScript。页面也非常美观。
<div id="head"> <div id="eye"></div> <div id="eye2"></div> <div id="mouth"></div> </div> <div id="torso"> <div id="heart"></div> </div> <div id="belly"> <div id...
<div class="roate-item icon-roate-1"></div> <div class="roate-item"></div> <div class="roate-item"></div> <div class="roate-item"></div> <div class="roate-item icon-roate-2"></div> <div ...
/** * 让iframe 显示在 指定的div下面 针对ie6 select挡住div 的bug 采用 iframe来当作div的底 * * @param string divId 需要解决的div层 * @param string iframeId 采用的 IFRAME ,如果不指定 自动...
<div class="hour"></div> <div class="minute"></div> <div class="second"></div> <div class="center"></div> </div> <div class="face-2"> <div class="line"></div> <div class="line line-2"></div...
<div class="title">1</div> </div> <div class="photo"> <div class="title">2</div> </div> <div class="photo"> <div class="title">3</div> </div> <div class="photo"> <div class...
xzoom: 288, //放大后div的宽 yzoom: 300, //放大后div的高 offset: 10,//间距 position: "right",//位置 zoomWidth:400,//放大后图片的宽,主要设置这里 zoomHeight:400//放大后div的高,只要设置这里
<div class="body"></div> <div class="arm_left"></div> <div class="arm_right"></div> ...
<div class='top_bar_text' id='365riliUserName'></div> <div class='top_bar_text' id='bd_login'>登录</div> </div> </div> </div> <div id='cal_down'> <div id='cal_downleft'> <div id='mainCal'></...
<div class="div red_bg_1 fix"> <div class="dd"> <div class="tt"><img ></div> </div> <div class="dd dd1"> <div class="tt"><img ></div> </div> <div class="dd"> <div class="tt"><img ></...