Question

我在我的应用程序中使用ajax动画扩展器。它几乎在所有browsersexcept IE9中都运行良好。我使用的代码为：

<cc1:AnimationExtender ID="OpenAnimation" runat="server" TargetControlID="btnAddNewComment"
        BehaviorID="OpenAnimationBehavior">
        <Animations>
            <OnClick>
               <Sequence>
               <%-- Disable the button so it can't be clicked again --%>
               <EnableAction Enabled="false" />
               <%-- Position the wire frame and show it --%>

               <StyleAction AnimationTarget="flyout" Attribute="display" Value="block"/>
               <%-- Move the wire frame from the button's bounds to the info panel's bounds --%>
               <Parallel AnimationTarget="flyout" Duration=".3" Fps="25">
                   <Resize Width="850" Height="420" />
                   <Color PropertyKey="backgroundColor" StartValue="#AAAAAA" EndValue="#FFFFFF" />
               </Parallel>
               <%-- Move the  panel on top of the wire frame, fade it in, and hide the frame --%>

               <StyleAction AnimationTarget="info" Attribute="display" Value="block"/>
               <FadeIn AnimationTarget="info" Duration=".2" />
               <StyleAction AnimationTarget="flyout" Attribute="display" Value="none"/>
               </Sequence>
            </OnClick>
        </Animations>
    </cc1:AnimationExtender>




Corresponding JS function to play the animation is:

 // function to open the animation popup
    function OpenExtender(tempCommentID)
    {

        var behaveYourself       = $find("OpenAnimationBehavior");
        var onClickAnimation     = behaveYourself.get_OnClickBehavior();
        onClickAnimation.play();

        return false;
    }

点击按钮'btnAddNewComment'时会弹出一个弹出窗口，但问题出在鼠标悬停在弹出窗口div上。当我将鼠标悬停在弹出窗口上时，弹出窗口消失了。

有人能说出会出现什么问题吗？

Answer 1

在我看来，IE9不记得通过Animation Extender所做的更改。即使是官方样本也不起作用。如果（例如）显示：无，并且您将其设置为Dislay：block，则当动画停止时，它将在下一次重绘时恢复显示：无（您需要将鼠标移到元素上，或以其他方式调用刷新）。我希望它能很快得到修复。

Answer 2

我意识到下一步：从AnimationExtender调用的控件中删除以下代码：

“opacity：0; filter：progid：DXImageTransform.Microsoft.Alpha（opacity = 0）;”

之后，问题得到解决。

动画扩展器和IE9的问题

2 个答案: