2013-01-23 113 views
0

我的公司正在考慮用HTML5動畫替換所有的Flash內容,Edge似乎是我們的Flash用戶輕鬆進入HTML5世界的一個好選擇。與Adobe Edge動畫衝突

這是我們遇到的問題。 Flash中的動畫已在Edge Animate中重新創建,並且運行良好,但將它們放在同一頁面上時(有頁眉和頁腳動畫)。這兩個組合步入對方,搞亂了頁眉和頁腳動畫的剪輯。請注意,它們的寬度或高度並不相同,並且這些動畫是最成問題的。元素不應該是可見的,我認爲這與裁剪有關。在我的修補中,似乎這兩個作品都在彼此踩踏並從另一個角度獲取一些屬性。如果我從頁面中刪除其中一個,另一個將正常工作。

我不知道爲什麼會這樣,但我似乎無法找到任何示例將兩個單獨的組合放在一個頁面中。任何幫助將不勝感激,或者即使您知道這種問題的良好資源,我將非常感激。

回答

0

好的,在處理DIV ID =「stage」時,您需要將其中的一個改爲其他的,別擔心,它不會打擾它。

現在,你也將不得不攪亂定位,以便正確設置它的位置,你想它在哪裏。

例如,你的2閡Div的是:舞臺& 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。 這將演示如何設置您的DIV標籤表格Ae。 這樣做很簡單。

希望這有助於。 Wayne