CSS - Как мне установить фоновое изображение, чтобы растянуть в IE11

Question

Как настроить растягивание фонового изображения в Internet Explorer 11? Это код CSS, который я использую (работает во всех других браузерах, кроме IE):

  body {
background: url('/image.png') no-repeat center center fixed;
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image.png', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image.png', sizingMethod='scale')";
}

Answer 1

background: url('/image.png') no-repeat center center fixed;
background-size: cover;

Установите размер мешка для покрытия

Answer 2

 body {
       background: url('/image.png') no-repeat center center fixed;
       background-repeat: no-repeat;
       background-position: center;
       -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
       -o-background-size: 100% 100%;
       background-size: 100% 100%;
       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image.png', sizingMethod='scale');
       -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image.png', sizingMethod='scale')";

       min-height: 100%;
       min-width: 1024px;

       width: 100%;
       height: auto;

       position: fixed;
       top: 0;
       left: 0;
 }

Кроме того, что вы используете это? Вы пытаетесь сделать обложку?

 -webkit-background-size: 100% 100%;
 -moz-background-size: 100% 100%;
 -o-background-size: 100% 100%;
 background-size: 100% 100%;

если так, попробуйте это вместо

 background: url('/image.png') no-repeat center center fixed; 
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;