javascript - Issue with SVG in IE9 -


I have this slider:

This works fine in all browsers I'm using SVG in my HTML code except IE9 (it works in IE8 too).

Please, can someone help me? Thanks!

It seems that the foreign object is broken in IE9. See also the same problem for another person:

Why are you using foreign objects?

  & lt; Svg & gt; & Lt; Foreign object style = "mask: url (# mask);" Height = "185px" width = "250px" & gt; & Lt; Img src = "http://patrickkirkby.com/files/images/gallery/thumb_001.jpg" & gt; & Lt; / ForeignObject & gt; & Lt; / Svg & gt;  

should be able to replace it with:

  & lt; Svg xmlns: xlink = "http://www.w3.org/1999/ XLink" & gt; & Lt; Image xlink: href = "http://patrickkirkby.com/files/images/gallery/thumb_001.jpg" style = "mask: url (#mask)" height = "185px" width = "250px" & gt; & Lt; / Svg & gt;  

And it should work in IE.


Comments

Popular posts from this blog

import - Python ImportError: No module named wmi -

Editing Python Class in Shell and SQLAlchemy -

c# - MySQL Parameterized Select Query joining tables issue -