如何正確適用於IE11過渡行爲不當行爲的CSS黑客

Question

我遇到元素過渡不當行爲進入我的頁面，只有IE（11）;

當左側滑塊打開時（點擊Chrome/Firefox中的info +按鈕），全屏幕旋轉滑塊仍然不會隨着wrapper一起移動。感謝@afelixj，我試圖使用this css hack作爲IE瀏覽器，以便將轉義效果應用到全屏滑動條上，添加.fullscreen-container但沒有結果。

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
    .header, #bar-left, .fullscreen-container{ 
     left: 0; 
     transition: all .5s; 
    } 
    .shiftnav-open .header, .shiftnav-open #bar-left, .shiftnav-open .fullscreen-container{ 
    left:590px; 
    } 
} 

對於比較 - 請在IE11和Chrome打開這個頁面，並使用信息+ button.Live鏈接here

其他非全屏轉滑塊頁面做工精細用左邊的滑塊打開打開/關閉左滑塊/在IE11/Chrome中關閉。 活鏈接here。 有什麼想法？

LE：我也一直在努力，aaply到#wrapper或.shiftnav-wrapper：

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
    #wrapper{ 
     left: 0; 
     transition: all .5s; 
    } 
    .shiftnav-open #wrapper{ 
    left:590px; 
    } 
} 

（在本次測試，結果看起來全屏轉滑塊頁確定，但如果我打開是非全屏轉滑塊頁面時，當左側滑塊打開時，內容將在590像素以上移動+ 590像素）。

Answer 1

而不是.fullscreen-container，你可以嘗試應用.forcefullwidth_wrapper_tp_banner類的風格？