背景图像大小不适合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 background-size属性中，您应该只使用cover，或者只包含。不是都。

封面将覆盖背景，同时包含效果类似，但可能会产生空白区域。