SVG и Internet Explorer?

Question

Кто-нибудь знает, работает ли SVG в последней версии IE?

Answer 1

Вам нужен плагин, чтобы получить его в текущей стабильной версии IE. Тем не менее, IE9 должен иметь поддержку SVG сразу после его выпуска ( сообщение в блоге Microsoft ).

Answer 2

http://caniuse.com/#search=svg

для IE

<img src="image.svg" onerror="this.onerror=null; this.src='image.png'">

Модернизр:

.main-header {
  background: url(logo.svg) no-repeat top left;
  background-size: contain;
}

.no-svg .main-header {
    background-image: url(logo.png);
}

и другие решения:

<svg> ... </svg>
<div class="fallback"></div>


.logo-fallback {
  display: none;

}
.no-svg .logo-fallback {
  background-image: url(logo.png);
}

Answer 3

IE ниже версии 9 не поддерживает компонент SVG, но IE 8 и ниже поддерживают VML, но чтобы заставить SVG работать в последней версии IE, вы можете просто ввести следующий код в заголовок HTML-файла

<meta http-equiv="X-UA-Compatible" content="chrome=1">
<!--[if IE]>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>

<style>
 .chromeFrameInstallDefaultStyle {
  position:fixed;
  overflow:auto;
  width: 800px; /* default is 800px */
  height: 80%; /* default is 800px */
  border: 5px solid blue;
  right:100px;
  bottom:100px;
  z-index: 99999 !important;
 }
</style>

<div id="prompt">
  <!-- if IE without GCF, prompt goes here -->
</div>

<script>
    // The conditional ensures that this code will only execute in IE,
    // Therefore we can use the IE-specific attachEvent without worry
    window.attachEvent("onload", function() {
        CFInstall.check({
            mode: "inline", // the default
            node: "prompt"
        });
    });
</script>
<![endif]-->

Это попросит пользователя установить фрейм Google на IE.Просто возьми несколько минут.После этого все компоненты html5, а также компоненты SVG работают.