CSS过渡不适用于IE11

Question

我试图使粘性页脚从顶部淡入并从底部淡出。 我的代码似乎对Google Chrome，Firefox等完全正常。但是对于IE11则根本不起作用。 下面是我的CSS代码。 有谁知道如何解决这个问题？

 .sticky-footer-show { overflow-y: hidden; -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); transition-timing-function: cubic-bezier(0, 1, 0.5, 1); -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } //.sticky-footer-show .sticky-footer-remove { -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); transition-timing-function: cubic-bezier(0, 1, 0.5, 1); -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; height: 0; } //.sticky-footer-remove 

Answer 1

您可能正在寻找-ms-前缀

但它也应该根据此答案CSS3 + Javascript进行过渡-Will -ms-transition：opacity 1s easy-in-out; 仅在IE 10中工作？

但是作为Internet Explorer的Internet Explorer可能会有些阻碍。

 .sticky-footer-show { overflow-y: hidden; -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); -ms-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); transition-timing-function: cubic-bezier(0, 1, 0.5, 1); -webkit-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; } //.sticky-footer-show .sticky-footer-remove { -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); -ms-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); transition-timing-function: cubic-bezier(0, 1, 0.5, 1); -webkit-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; height: 0; } //.sticky-footer-remove 

您是否尝试过在transition命令中使用它？

 .sticky-footer-show, .sticky-footer-remove {
    -webkit-transition: transform 1s cubic-bezier(0, 1, 0.5, 1);
         -o-transition: transform 1s cubic-bezier(0, 1, 0.5, 1);
        -ms-transition: transform 1s cubic-bezier(0, 1, 0.5, 1);
            transition: transform 1s cubic-bezier(0, 1, 0.5, 1);
 }
 .sticky-footer-remove {
       height: 0;
 }

建议：不要尝试通过精美的图形DODA支持IE11。 让他们快速进入其他状态，但使您的网页正常运行。 到现在为止，一半的Internet都已断开，IE11将被使用，并在某个时候转移到chrome / firefox / edge。