c# - :active pseudoclass with animations sometimes prevents postbacks in Chrome and IE

Question

还有其他人遇到过这个问题吗？我有一个 Web 表单站点，我想向链接按钮添加一个 :active 伪类，基本上是在执行某些操作之前对其进行动画处理。但是，由于某种我无法弄清楚的原因，处于 :active 状态的动画有时 会阻止回发(其他时候回发就好)。其他效果(即不是动画或转换)工作得很好。所以，这每次都工作得很好:

.mylinkbuttonclass:active
{
    width:75%;
}

而以下只会在大约 40-50% 的时间内导致回发。其他时候根本没有回传(我在我的页面加载和预渲染事件中放置断点，这些事件永远不会被命中)

.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); 
    }
}

有谁知道为什么会发生这种情况，或者如何解决？我认为伪类不可能阻止回发!在回发失败的时候，动画仍然运行得很好；只是没有回发到服务器。

编辑:尚未在 Firefox 上进行测试，但该故障在 Chrome 和 IE 11 上都可重现。

Edit2:哇，所以这在 Firefox 中确实运行良好；是 Chrome 和 IE 有问题。

Answer 1

由于我在这方面的时间有点短，所以我最终只是将单击按钮时的链接按钮类更改为包含动画的新类。它在所有 3 个主要浏览器上 100% 的时间都工作，但我很想知道是否有人知道为什么它不能与 :active 选择器一起工作