Adobe Flex内容在IE8中消失

Question

我在MSIE8中只有一个有趣的错误。

我也在MSIE7，MSIE9和Chrome中对此进行了测试，无法在这些环境中重现它。

我有一个嵌入在网页中的flex应用程序。该应用程序有一些顶级组件。一个是mx：ViewStack，它包含许多不同的图标。另一个是mx：Canvas，它包含许多子mx：Canvas元素（用作保存其他UIComponent的层）。

<mx:Canvas backgroundColor="#FFFFFF" id="drawing_area" borderColor="#000000" borderStyle="solid" horizontalScrollPolicy="off" verticalScrollPolicy="off" width="728" x="10" height="522.8889" y="10">
  ...
</mx:Canvas>

执行以下步骤时会发生错误。

1. 使用组件
加载页面
2. 让组件完全加载
3. 向下滚动，以便flex内容的顶部超出IE8内容窗口的范围。

当我执行上述操作时，带边框的mx：Canvas消失。它仍然可以与之交互，但移动到其中一个子元素中的任何内容也会消失。

在第一张图像中，您可以观察我的开始状态，绘图区域周围有一个边框，绘图区域可以与之交互。



第二张图片显示了额外向下滚动后的问题。边框消失，放入drawing_area的所有UIComponents也消失了。



不幸的是，IE8仍然是该组织的热门浏览器。

任何人都有任何关于可能发生的事情的线索。我尝试过不同的闪光灯wmodes。我目前正在使用窗口，但也尝试过透明，并且遇到同样的问题。

Answer 1

我尝试了许多不同的方法来解决这个问题而没有太大的成功。

我在后端使用Rails，此问题仅与“新”操作相关联，并且不会出现在“编辑”操作中。两个页面都使用共享部分来呈现内容。

因此我使用rails gem browser进行浏览器检测。当用户使用IE8时，我提供升级建议。在出现此错误的页面上，我提供了输入所需字段数据的说明，然后保存其报告。这将使用户进行“编辑”操作，他们将能够毫无问题地与Flash内容进行交互。