`
top00zw
  • 浏览: 15491 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

FusionCharts flash设置div的层次

阅读更多
我不是做网页设计的,所以碰到这个问题时感觉好偏啊,不过,最后有幸解决了,高兴一下,也总结一下。
问题的情况是这样的,做了一个页面,页面中有一个日期选择的js,日期下面是FusionChartsFree 生成的flash图表,他们都是放在div标签里面的,在页面加载完成后,点击日期选择时,出现的日期图片被flash遮住了,没法选择。
我猜就是div有层次的问题,于是我就在网上查资料,有点收获,知道div层次是可以用z-index 来设置的。但是对这两个div ,我怎么设置就没效果,日期依然在flash下面。正当我准备放弃的时候,突然想到是不是flash有些特殊呢,然后我又在网上搜了一下,发现了这篇文章
引用
<param name="WMODE" value="transparent">

<param name="wmode" value="Opaque">

<param name="wmode" value="Window">

NOTE: 支持其它浏览器(firefox opera etc.) 则使用 <embed wmode="transparent" />在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了~
分享到:
评论

相关推荐

    FusionCharts flash报表所需完整文件

    FusionCharts flash报表工具

    FusionCharts Flash图表组件

    FusionCharts free 是一个跨平台,跨浏览器的flash图表组件解决方案,能够被 ASP.NET, ASP, PHP, JSP, ColdFusion, Ruby on Rails, 简单 HTML 页面甚至PPT调用。你不需要知道任何关于flash编程的知识,你只需要知道...

    FusionCharts Flash资料+破解版无水印

    FusionCharts Flash资料+破解版无水印

    flash xml fusioncharts网页波动折线图走势

    flash xml fusioncharts网页波动折线图走势 flash xml fusioncharts网页波动折线图走势 flash xml fusioncharts网页波动折线图走势

    FusionCharts——基于flash的图表

    FusionCharts是一个Flash的图表组件,它可以用来制作数据动画图表,其中动画效果用的是Adobe Flash 8 (原Macromedia Flash的)制作的flash , FusionCharts可用于任何网页的脚本语言类似于HTML , .NET,ASP , JSP...

    FusionCharts(示例资源包)

    Fusioncharts是一个基于Flash的图表组件,可以用来提供数据驱动的动态图标,...提供交互式和强大的动态图标,fusioncharts充分利用流体美丽的Flash为模板,使用XML作为其数据接口,创造紧凑,互动和真正的动态图表。

    FusionCharts 非常绚的flash图表

    非常绚的flash图表,支持java,.net,php等

    免费漂亮的Flash图形报表-FusionCharts Free V2.1

    免费漂亮的Flash图形报表-FusionCharts Free V2.1

    FusionCharts正式版

    大名鼎鼎的FLASH图表组件,强烈推荐! 官方网站地址:http://www.fusioncharts.com&lt;br&gt;主要特点: 1)服务器无关性,可以用任何服务器端语言(ASP、JSP、PHP...)读取数据库中的信息发送给FusionChart 2)...

    FusionCharts的flash报表破解版(很经典)part1

    part2 也在,请各位查找下。 由于csdn限制,每个文件最大10m,我的这个14m,不分卷还能上传么? 请那些没看清楚就说话的同志自重。谢谢。今后我保证再也不发资源了。谢谢 ...ps:请问管理员,有没有删除的功能。...

    资料较全的 Flash图表控件 FusionCharts

    内容包括 FusionCharts破解去连接版,FusionCharts 3.1 破解版,FusionCharts配置文件,FusionChartsFree中文开发指南电子书,以及如何消除中文乱码的方法文章。内容很全。

    FusionCharts V3.2.1 SWF 破解

    FusionCharts是InfoSoft Global公司的一个产品,InfoSoft Global 公司是专业的Flash图形方案提供商,他们还有几款其他的,基于Flash技术的产品,都非常的漂亮。 FusionCharts free 是一个跨平台,跨浏览器的flash...

    FusionCharts-v2.3

     FusionCharts是一个闪光的图表组件,它可以用来制作数据动画图表,其中动画效果用的是Adobe Flash 8 (原Macromedia Flash的)制作的flash , FusionCharts可用于任何网页的脚本语言类似于HTML , .NET,ASP , ...

    FusionCharts Evaluation v3.2.1 破解版

    FusionCharts是InfoSoft Global公司的一个产品,InfoSoft Global 公司是专业的Flash图形方案提供商,他们还有几款其他的,基于Flash技术的产品,都非常的漂亮。 FusionCharts free 是一个跨平台,跨浏览器的flash...

    FusionCharts Free(图表flash控件)很好用,有教程和dll

    FusionCharts Free(图表flash控件)很好用,有教程和dll.

    FusionCharts免费版

    一个flash统计图工具,很方便、漂亮。数据为XML。免费版功能基本够用了(二维柱状图、三维柱状图、曲线图、二维饼图、三维饼图、柱状图和曲线图的组合...),柱状图、曲线图支持单条,多条。这里提供一个免费版的下载...

    FusionCharts XT

    FusionCharts是一个Flash的图表元件,它可以用来制作资料动画图表,其中动画效果用的是Adobe Flash制作的flash,FusionCharts可用于任何网页的脚本语言类似于HTML,.NET,ASP,JSP技术的,PHP, ColdFusion等,提供...

    FusionCharts

    FusionCharts一个好用的报表工具,方便、高效、快速创建报表。各式报表应有尽有。

    FusionCharts_ASP_Class

    FusionCharts公司的flash组件在ASP运用的Class

    fusioncharts.dll文件

    FusionCharts Free(图表flash控件),单dll文件,用于WEB页面图表生成的组件FusionCharts,非常好用,效果好

Global site tag (gtag.js) - Google Analytics