C# :带有动画的活动伪类有时会阻止Chrome和IE中的回发
还有其他人遇到过这个问题吗?我有一个web表单站点,我想在链接按钮中添加一个:active伪类,基本上是在执行某些操作之前为其设置动画。然而,出于某种我无法理解的原因,处于:活动状态的动画有时会阻止回发(其他时候回发很好)。其他效果(即不是动画或变换)工作得很好。所以,每次都很好:C# :带有动画的活动伪类有时会阻止Chrome和IE中的回发,c#,asp.net,css,C#,Asp.net,Css,还有其他人遇到过这个问题吗?我有一个web表单站点,我想在链接按钮中添加一个:active伪类,基本上是在执行某些操作之前为其设置动画。然而,出于某种我无法理解的原因,处于:活动状态的动画有时会阻止回发(其他时候回发很好)。其他效果(即不是动画或变换)工作得很好。所以,每次都很好: .mylinkbuttonclass:active { width:75%; } 而以下情况只会导致大约40-50%的时间发生回发。其他时候根本没有回发(我在页面加载和预渲染事件中设置了断点,这些断点从未被
.mylinkbuttonclass:active
{
width:75%;
}
而以下情况只会导致大约40-50%的时间发生回发。其他时候根本没有回发(我在页面加载和预渲染事件中设置了断点,这些断点从未被命中)
有人知道为什么会发生这种情况,或者如何修复它吗?我认为伪类不可能阻止回发!在回发失败的时候,动画仍然可以正常运行;只是没有回发到服务器
编辑:还没有在Firefox上测试过,但在Chrome和IE 11上都可以重现失败
Edit2:哇,这在Firefox中真的很有效;Chrome和IE都有问题。因为我在这方面的时间有点短,所以我最终只是将button click上的link button类更改为包含动画的新类。它在所有3种主要浏览器上都能100%工作,但我很想听听是否有人知道它为什么不能使用:活动选择器
.mylinkbuttonclass:active
{
animation: flip 200ms linear 1;
-moz-animation: flip 200ms linear 1;
-o-animation: flip 200ms linear 1;
-ms-animation: flip 200ms linear 1;
-webkit-animation: flip 200ms linear 1;
}
@keyframes flip{
0% {
transform: rotateY(0deg);
}
50%
{
opacity: 0.10;
transform: rotateY(180deg);
}
100% {
transform: rotateY(180deg);
}
}