解决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交流下哦
分享到:
相关推荐
在网页设计领域,"Flash+Div"是一种经典的布局方式,尤其在早期的互联网时代非常流行。这个名为"采用flash+div布局精美网页"的项目,显然展示了如何利用这两种技术来创建一个具有吸引力和互动性的网页。现在我们来...
精通CSS+DIV网页样式与布局 语言:中文 格式:txt 使用前请您先阅读以下条款,否则请勿使用本站提供的文件! 1) 本站不保证所提供程序的完整性和安全性。 2) 请在使用前查毒 (这也是您使用其它网络资源所必须注意...
<div class="column left"></div> <div class="column right"></div> </div> <div class="row"> <div class="column left"></div> <div class="column right"></div> </div> <div class="row"> <div class=...
动画效果 打开/移动/关闭 DIV层窗口,效果和FLASH相同
解决flash遮住div的问题,很简单的方法
<tr><td>storeText</td><td>//div[2]/div/div/div/div/div/div[4]/table/tbody[2]/tr/td[4]/div</td><td>v1</td></tr> ``` 这行代码表示将定位符为`//div[2]/div/div/div/div/div/div[4]/table/tbody[2]/tr/td...
### 最顶层div被flash或者下拉列表遮挡的问题解决 在网页设计中,有时会出现顶层的div元素被其他元素如Flash或下拉列表遮挡的情况。这种遮挡问题通常是由于CSS定位属性设置不当造成的,尤其是`z-index`值的设置不...
该功能使用的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="top">我的网页设计作业</div> <div id="MainMenu" class="ddsmoothmenu"> <li><a href="index.html" title="个人主页" id="menu_selected">个人主页</span></a></li> <li><a href="jianjie....
<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>健康</...
DIV在Web开发中起着至关重要的作用,这里总结一下我在使用DIV中遇到的各种操div显示滚动条/禁止div的事件冒泡/禁止div执行默认的行为/动态计算div的位置(比如常见的计算div弹出层的位置) /隐藏div元素等等,感兴趣的...
"IE6中列表挡住div的解决"这个话题正是关于此类问题的一个经典实例。Internet Explorer 6(简称IE6)是微软公司早期推出的浏览器版本,因其独特的渲染引擎,经常会给开发者带来不少头疼的问题。在本文中,我们将深入...
<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 ...
在"Div显示与隐藏网页制作"这个主题中,我们将探讨如何利用`Div`实现网页元素的动态显示和隐藏,这对于创建交互式和响应式的网页至关重要。 在网页设计中,有时我们需要根据用户的行为或者特定条件来控制某些内容的...
在网页设计中,`div` 是一个非常基础且重要的元素,它用于定义页面上的一个区域或容器。在标题“拖动多个div”中,我们关注的是如何使一个或多个 `div` 元素变得可拖动,即用户可以通过鼠标进行交互,自由地在页面上...
### 网页设计中的div显示与隐藏技术详解 在网页设计中,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...