Microsoft Edge 和 IE 11在畫面右邊會出現大片空白

這個問題其實在論壇改版後有回應過，之前的發文顯示已處理，但現在使用結果還是一樣，




我發現問題是出在網頁上方的橫幅


在IE和Edge，css 設定成position:absolute，且又設定left:50%，就會出現右半部空白，
你們的設計師將css設定為

1. .hd-bgimg {
   
2.     top: 50%;
   
3.     left: 50%;
   
4.     /*刪除請見諒*/
   
5.     -webkit-transform: translate(-50%, -50%);
   
6.     transform: translate(-50%, -50%);
   
7. }

複製代碼

應該是為了達到水平置中的效果

其實也可以將CSS調整成

1. .hd-bgimg {
   
2.     top: 0px;
   
3.     left: 0px;
   
4.     right: 0px;
   
5.     bottom: 0px;
   
6.     margin: 0 auto;   
   
7.     z-index: 1;
   
8.     max-width: 1425px;
   
9.     height: 90px;
   
10.     background-repeat: no-repeat;
    
11.     background-size: cover;
    
12. }
    

複製代碼

也會達到水平置中，且在IE,EDGE上就不會出現右半邊空白
效果如下

IE下的效果


同樣的CSS在Chrome上也是可以

您好，已通知工程師及相關負責人員處理。