爲html全屏添加位置固定ie11問題

Question

我使用api實現全屏功能，它對所有瀏覽器都正常工作，但在IE中position:fixed正在計算樣式中添加，因爲此垂直頁面滾動沒有發生。我也嘗試了很多使用CSS，但它不是重寫。誰能幫我嗎？

var element = document.documentElement;//document.getElementById("fullScreenBody"); 
 
\t \t \t if(element.requestFullscreen) { 
 
\t \t \t \t element.requestFullscreen(); 
 
\t \t \t } else if(element.mozRequestFullScreen) { 
 
\t \t \t \t element.mozRequestFullScreen(); 
 
\t \t \t } else if(element.webkitRequestFullScreen) { 
 
\t \t \t \t element.webkitRequestFullScreen(); 
 
\t \t \t } else if(element.msRequestFullscreen) { 
 
\t \t \t \t element.msRequestFullscreen(); 
 
\t \t \t }

html::-ms-backdrop { 
 
\t overflow:scroll; 
 
\t position:absolute !important; 
 
}

我試着用JavaScript也，但它不是壓倒一切的位置是：固定

var mydiv = document.querySelector("html"); 
mydiv.style.setProperty("position", "relative", null); 

Answer 1

試試這個

html { 
    position: relative !important; 
}