Css 过渡剪辑：IE中的rect不'；t动画-这是一个bug，是否有解决方案？

我已经创建了依赖于转换剪辑属性的菜单。它在除IE之外的所有浏览器中都能很好地工作。这个JSFIDLE演示了我的用例：我希望它能在IE10中工作，但在IE11中的测试表明它只是在这两种状态之间跳跃

基本上我得到了一个列表，它被

clip:rect（auto，auto，0，auto）隐藏并用
片段显示：rect（自动，自动，10rem，自动）

根据，剪辑属性是要设置动画的性能最好的属性。所以我有点想去

以下是该文件的摘要版本：


ul{
剪辑：rect（自动，自动，0，自动）；
位置：绝对位置；
过渡延迟：0.29s；
过渡属性：clip；
过渡时间：0.5s；
过渡计时功能：立方贝塞尔（0.175,0.885,0.32,1.275）；
}
h3：悬停~ul，
h3：有效~ul{
剪辑：rect（自动，自动，10rem，自动）；
}
将鼠标悬停在这里

这个
名单
是
剪短了
夹子
过渡
意志
表现出来
使浏览器更方便

我已经试过了

ul {
    clip: rect(0, 999px, 0, 0);
}

及

至少在IE11中是这样

通常，浏览器在转换非数字属性时会出现问题。我同意从“自动”到“自动”的转换应该很容易处理，但如果不能，那么就恢复为数值


ul{
剪辑：rect（0，999px，0，0）；
位置：绝对位置；
过渡延迟：0.29s；
过渡属性：clip；
过渡时间：0.5s；
过渡计时功能：立方贝塞尔（0.175,0.885,0.32,1.275）；
}
h3：悬停~ul，
h3：有效~ul{
剪辑：矩形（0px，999px，10rem，0px）；
}
将鼠标悬停在这里

这个
名单
是
剪短了
夹子
过渡
意志
表现出来
你说得对。我在IE Connect上注册了一个bug。
h3:hover ~ ul, h3:active ~ ul {
    clip:rect(0px, 999px, 10rem, 0px);
}