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。