`
forchenyun
  • 浏览: 312694 次
  • 性别: 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了~
分享到:
评论
1 楼 borge 2012-01-04  
在页面上加载flash的js代码中加上这句
chart.addParam("wmode","Opaque");就ok了? 这个
<param name="wmode" value="Opaque"> 
  是在DIV(放flash)里面吗

相关推荐

    FusionCharts flash报表所需完整文件

    FusionCharts是一款强大的数据可视化工具,专为创建交互式、丰富的Flash图表而设计。这款工具在Java和Flash技术的支持下,能够将复杂的数据转化为生动、易于理解的图表,广泛应用于Web应用程序,帮助用户以图形化的...

    FusionCharts Flash图表组件

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

    FusionCharts Flash资料+破解版无水印

    FusionCharts Flash资料+破解版无水印

    FusionCharts 非常绚的flash图表

    **FusionCharts:打造绚丽的Flash图表** FusionCharts是一款高度评价的Flash图表库,它以其生动、炫目的视觉效果而备受赞誉。这款工具能够帮助开发者轻松创建出各种复杂的统计图表,适用于各种业务分析和数据可视化...

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

    在FusionCharts中,可以通过设置属性实现波动效果,如动画效果、平滑曲线等,以增强图表的吸引力和理解性。波动效果通常通过调整数据点之间的连接方式或添加随机抖动来实现,使数据的变化看起来更动态。 **使用...

    FusionCharts——基于flash的图表

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

    FusionCharts(示例资源包)

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

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

    FusionCharts Free V2.1是一款专为网页开发者设计的免费Flash图形报表工具,它能够帮助用户轻松创建出美观、互动且数据丰富的图表。这款软件以其出色的数据可视化能力,为网站和应用程序添加了动态和直观的展示效果...

    FusionCharts正式版

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

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

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

    FusionCharts

    6. **API与工具集**:FusionCharts提供了详细的API文档和丰富的工具集,开发者可以通过API控制图表的每一个细节,如添加动画效果、设置图表事件等。这使得开发者可以更加灵活地实现各种复杂的功能。 7. **响应式...

    资料较全的 Flash图表控件 FusionCharts

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

    FusionCharts Free开发文档

    FusionCharts Free是InfoSoft Global公司开发的基于Flash的图表组件,提供跨平台、跨浏览器的解决方案,能够生成交互式的动态图表。下面是FusionCharts Free开发文档的详细知识点: 一、FusionCharts介绍 ...

    FusionCharts所有SWF

    SWF文件是Adobe Flash平台生成的文件格式,主要用于在网页上展示动画和交互式内容,而在这个上下文中,它们是用来渲染FusionCharts的各种图表类型的。 FusionCharts 3.3.1是一个重要的更新版本,它提供了大量的图表...

    FusionCharts For Asp.net

    FusionCharts是一款强大的Flash图表库,专为Web开发者设计,以创建交互式、美观的数据可视化效果。在ASP.NET环境中,FusionCharts可以帮助开发者轻松地在网页中集成动态图表,为数据展示提供丰富的视觉体验。本项目...

    FusionCharts V3.2.1 SWF 破解

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

    FusionCharts图表制作插件

    3. **初始化图表**:使用JavaScript创建一个图表对象,设置其类型、宽度、高度、数据源等属性。 4. **渲染图表**:在HTML页面的适当位置调用图表对象的`render()`方法,将图表渲染到页面上。 5. **交互与更新**:...

    FusionCharts图表组件简单使用

    接着,使用`setDataURL`方法设置数据源的路径,最后用`render`方法将图表渲染到指定的`div`中。 示例代码如下: ```javascript var chart = new FusionCharts("/FusionCharts/Charts/Column3D.swf", "chartId", ...

    fusioncharts.dll文件

    这个单一的"FusionCharts.dll"文件包含了所有必要的运行时环境,可以快速地在支持Flash的浏览器上运行,为网页添加动态图表功能。只需将这个DLL文件引入到项目中,开发者就能利用提供的API和文档来创建和定制图表,...

Global site tag (gtag.js) - Google Analytics