Menu
I'm working on drawing shapes in my ASP.NET web app. In IE9 and other browsers, I'm doing it with SVG, and it's working great. In IE8 and below, I'm using VML. I'm finding that IE8 does not display the VML at all when it's in IE8 Standards mode (not using compatibility view).
My doctype is set to <!DOCTYPE html>. If I take the doctype away entirely, IE8 goes to quirks mode and works fine, but IE9 then goes to its quirks mode (instead of IE9 Standards) and doesn't display the SVG.
This is happening on a test page, so there's nothing there besides the form containing a div containing either the <svg> element and its children or the VML elements.
What is going on here? It seems like I shouldn't have to change the doctype for different browsers, and the reputation graph on Stack Exchange's user page appears to work the same way (VML for IE8 and below, SVG for everyone else, HTML5 doctype)...
469
There are a couple of more things you need to check:
Selector for the behaviour rules needs to be modified.
.
var vmlFrag = document.createDocumentFragment();
vmlFrag.insertAdjacentHTML('beforeEnd',
'<v:rect id="aRect" fillcolor="red"
style="top:15px;left:20px;width:50px;height:30px;position:absolute;"></v:rect>'
);
document.body.appendChild(vmlFrag);
.
var aRect = document.getElementById('aRect');
aRect.outerHTML = aRect.outerHTML;
To declare the VML namespace in IE8 Standards Mode, you'll need to include a third '#default#VML' argument:
document.namespaces.add('v', 'urn:schemas-microsoft-com:vml', '#default#VML');
There are other changes to VML in IE8 that you may need to be aware of.
39
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
