与 Adobe Edge Animate 的冲突答案

【问题标题】：Conflicts with Adobe Edge Animate与 Adobe Edge Animate 的冲突
【发布时间】：2013-01-23 17:10:09
【问题描述】：

我的公司正在考虑用 HTML5 动画替换所有 Flash 内容，Edge 似乎是我们的 Flash 人员轻松进入 HTML5 世界的好选择。

这是我们遇到的问题。 Flash 中的动画已在 Edge Animate 中重新创建并且运行良好，但是将它们放在同一页面上时（有页眉和页脚动画）。这两个组合相互踩踏，并弄乱了页眉和页脚动画的剪辑。需要注意的是，它们没有相同的宽度或高度，这就是动画最成问题的地方。不应该看到的元素是，我认为它与剪辑有关。在我的修修补补中，似乎两种作品都在互相踩踏，并从对方身上获取一些属性。如果我从页面中删除其中一个，另一个将正常工作。

我不知道为什么会这样，但我似乎找不到任何将两个单独的作品放在一页中的示例。任何帮助将不胜感激，或者即使您知道此类问题的良好资源，我也将非常感激。

【问题讨论】：

标签： javascript html jquery-animate adobe-edge

【解决方案1】：

好的，在处理 DIV ID="stage" 时，您需要将其中一个更改为其他内容，不用担心，它不会打扰它。

现在，您还必须弄乱定位，以便将其正确设置为您想要的位置。

例如，您的 2 个 Ae Div 是：stage 和 mystage

<style type="text/css">
#header{
position:relative;
top:5px;
width:200px;
}
#stage{
position:relative;
top:5px;
width:200px;
top:5px;
left:25px;
}
#MyCenter{
position:relative;
top:20px;
height:300px;
width:400px;
}
#mystage{
position:relative;
width:300px;
top:30px;
left:25px;
}
</style>

<div id="header">This is my header</div>
<div id="stage">Top Stage</div>
<div id="MyCenter">This is my center content</div>
<div id="mystage">Bottom Stage</div>

您需要保存此文件，并将其作为 .html 运行。这将演示如何从 Ae 设置您的 DIV 标签。做起来很简单。

希望这会有所帮助。韦恩

【讨论】：

【解决方案2】：

如果您查看 adobe edge api（最后），它会显示如何将两个动画放在一个页面上。 http://www.adobe.com/devnet-docs/edgeanimate/api/old/1.6/EdgeAPI.0.1.6.html

它需要对 html 页面进行一些修改，但应该相当简单。本质上，您只有一个 html 页面引用这两种组合。

【讨论】：