CODEWITHSUNDEEP
internet-explorersvg
Alex Gordon
Alex Gordon

Reputation: 60871

svg is not working with IE?

I am trying to open this site in IE:

http://www.petercollingridge.co.uk/data-visualisation/interactive-svg-map

but somehow it is not showing the SVG.

how do I get it to work with IE?

Upvotes: 4

Views: 9998

Answers (4)

Vivek Parihar
Vivek Parihar

Reputation: 2318

IE below version 9 are not supporting the SVG component ,IE 8 and below support VML but to make SVG working in a recent version of IE , you can just enter below code in your head of html file

<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]-->

This will ask user to install the google frame on the IE . Just take few minutes . After that all html5 components as well SVG components work . "MOSTLY"

Upvotes: 0

user694833
user694833

Reputation:

the web application needs a tag like:

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

Upvotes: 0

jbeard4
jbeard4

Reputation: 12821

If you find that your page is not working in ASV, and is working in Chrome (it does appear to be), I would recommend you target Google Chrome Frame instead. To use it, install and add the following meta tag to the head of the page:

<meta http-equiv="X-UA-Compatible" content="chrome=1">

Upvotes: 3

firas
firas

Reputation: 1503

IE does not support SVG (All versions prior to 9) IE 9 **will* support SVG, but untill then you can find a plugin for your IE

Upvotes: 2

Related Questions