背景图像大小不适合 Microsoft Edge

Question

我的背景图像不太合适，在chrome和mozilla中效果很好，但在Microsoft Edge中，图像没有覆盖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背景大小属性中，应该只使用cover，或者只使用contain。不是两者都有。

封面将覆盖背景，而封面是类似的效果，但可能会导致空白。