Why is svg not stretching in IE?

Question

css

Hey!
The crux of the matter: I have an svg image that I insert as a background into a div. And I expose this background background-size: cover;

.element {
  background: url("../img/svg/purple.svg") center 50px no-repeat;
  background-size: cover;
}

In Chrome, Firefox and Opera it stretches to the full width of the screen, but not in IE. What could be the problem?

Answer 1

alternatively, support
caniuse.com/#search=background-size
caniuse.com/#search=svg
can be tried as a percentagebackground-size: 100% 100%;

Answer 2

IE doesn't support background-size: cover / contain