背景圖像大小不適合在微軟邊緣

Question

我有一個背景圖像不合適的問題，在鉻和mozilla工作正常，但在微軟邊緣圖像不包括div元素。

<style type="text/css"> 
    .BackImg{ 
    background-image:url('background.jpg'); 
    background-repeat: no-repeat; 
    background-size:cover contain; //doesn't work in microsoft Edge as the chrome or mozilla 
    padding: 10px; 
    } 
    </style> 

<div class="container-fluid"> 

    <div class="row"> 
    <div class="col-sm-6 col-md-6 BackImg"> 
     <h2>Header 2</h2> 
     <div class="row"> 
      <div class="col-sm-6 col-md-6 innerDiv"> 
      <p>Inner div</p> 
      </div> 
     </div> 
    </div> 
    </div> 

在此先感謝。

Answer 1

在CSS背景大小屬性中，您應該只使用封面或僅包含。不是都。

封面將覆蓋背景，而包含類似的效果，但可能會導致空白。