Question

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

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

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

Answer 1

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

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

例如，你的2个Ae Divs是：stage＆amp; 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标签。这很简单。

希望这会有所帮助。韦恩

Answer 2

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

它需要对html页面进行一些修改，但应该相当简单。基本上，你有一个单独的html页面引用两个组合。

与Adobe Edge Animate冲突

2 个答案: