背景图像大小不适合 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 将覆盖背景，而 contain 是类似的效果，但可能会导致白色 space。

背景图像大小不适合 Microsoft Edge

Background image size doesn't fit properly on Microsoft Edge

html

css

twitter-bootstrap

microsoft-edge