FusionCharts + Prototype Modalbox + Google Chrome =浏览器查看错误

Question

我希望有人可以帮助解决导致您在此处看到的错误的根本问题：

正如您所看到的，当FusionChart打开时，它会完全覆盖在Modalbox的顶部。此问题仅发生在Google Chrome中。所有其他浏览器都可以。

关于潜在问题的任何想法在这里？什么可以做？

Answer 1

上次我搞砸了Flash上​​的div（这里发生了什么）我可以让它在除Linux之外的所有平台上工作。您使用的是Linux发行版吗？如果不是，解决方案通常是向嵌入添加wmode =“transparent”。

否则，唯一的解决方案是设置.style.display =“none”;只要显示Modalbox，就会在FusionChart上显示.style.display =“”;当Modalbox关闭时。

Answer 2

当Flash对象出现在每个其他HTML元素的顶部时，很可能是因为Flash影片的窗口模式（wMode）参数设置为＆＃34; window＆＃34;。

在FusionCharts中，可以通过两种方式设置wMode：

：一种。使用.setTransparent() JavaScript函数

setTransparent(false)将窗口模式更改为＆＃34; opaque＆＃34;这解决了FusionCharts出现在模态窗口和灯箱之上的问题。

setTransparent(true)也有同样的目的。它将wMode设置为＆＃34; transparent＆＃34;。 （wMode的任何值，除了＆＃34; window＆＃34;都可以解决问题。）

示例JavaScript：

var myChart = new FusionCharts( "FusionCharts/Column3D.swf", 
      "myChartId", "400", "300", "0", "1" );
  myChart.setXMLUrl("Data.xml");
  myChart.setTransparent(false); // set wMode to opaque
  myChart.render("chartContainer");

自FusionCharts 3.2起，设置setTransparent(null)将wMode恢复为＆＃34; window＆＃34;而且你不想为你的情况那样做！ ：）

<强> B中。在新的FusionCharts构建期间使用wMode属性

此外，由于FusionCharts 3.2引入了对象式构造方法，因此通过提供new FusionCharts(...)

可以在执行wMode: 'opaque'时提供wMode的值