IE11 meta element Breaks SVG

by

It sounds as though you’re not in a modern document mode. Internet Explorer 11 shows the SVG just fine when you’re in Standards Mode. Make sure that if you have an x-ua-compatible meta tag, you have it set to Edge, rather than an earlier mode.

<meta http-equiv="X-UA-Compatible" content="IE=edge">

You can determine your document mode by opening up your F12 Developer Tools and checking either the document mode dropdown (seen at top-right, currently “Edge”) or the emulation tab:

enter image description here

If you do not have an x-ua-compatible meta tag (or header), be sure to use a doctype that will put the document into Standards mode, such as <!DOCTYPE html>.

enter image description here

More Related Contents:

  1. How to detect IE11?
  2. IE11 Document mode defaults to IE7. How to reset?
  3. VBScript support in Internet Explorer 11
  4. Why doesn’t Internet Explorer 11 honour conditional comments even when emulating Internet Explorer 8 document mode?
  5. How to set IE11 Document mode to edge as default?
  6. Internet Explorer 11 won’t set cookies on a site
  7. Custom SVG markers won’t display in IE 11
  8. Text in a flex container doesn’t wrap in IE11
  9. Support for “border-radius” in IE
  10. Running Internet Explorer 6, Internet Explorer 7, and Internet Explorer 8 on the same machine
  11. Internet Explorer 11 detection
  12. Detect when a web page is loaded without using sleep
  13. Box shadow in IE7 and IE8
  14. Cross-browser testing: All major browsers on ONE machine
  15. Internet Explorer ignores cookies on some domains (cannot read or set cookies)
  16. How do I force Internet Explorer to render in Standards Mode and NOT in Quirks?
  17. Internet Explorer 11 disable “display intranet sites in compatibility view” via meta tag not working
  18. ‘WebForm_DoPostBackWithOptions’ is undefined in IE11 Preview
  19. Support for ES6 in Internet Explorer 11
  20. IE6 PNG transparency
  21. CSS: Using raw svg in the URL parameter of a background-image in IE
  22. How do you detect support for VML or SVG in a browser
  23. Finding an elements XPath using IE Developer tool
  24. How to disable same origin policy Internet Explorer
  25. Internet Explorer 11 does not add the Origin header on a CORS request?
  26. Which X-UA-Compatible takes precedence? Http-header or Meta-tags?
  27. IE cannot download foo.jsf. IE was not able to open this internet site. The requested site is either unavailable or cannot be found
  28. MAILTO max-length of each internet browsers?
  29. VBA Internet Explorer wait for web page to load
  30. ie.busy not working well [VBA]

Leave a Comment