IE9中的SVG问题

Question

我有这个滑块：

http://ftp.escape.pe/slider/

它在所有浏览器中都运行良好，除了在IE9上（在IE8中它也有效）。 我在我的HTML代码中使用了SVG。

拜托，有人可以帮帮我吗？ 谢谢！

Answer 1

在IE9中似乎打破了foreignObject。请看这里有另一个有同样问题的人：

alternative to foreignObject for IE9

为什么你还在使用foreignObject？

<svg>
   <foreignObject style="mask: url(#mask);" height="185px" width="250px">        
      <img src="http://patrickkirkby.com/files/images/gallery/thumb_001.jpg">
   </foreignObject>
</svg>

应该可以替换为：

<svg xmlns:xlink="http://www.w3.org/1999/xlink">
   <image xlink:href="http://patrickkirkby.com/files/images/gallery/thumb_001.jpg"
          style="mask: url(#mask)" height="185px" width="250px">
</svg>

这应该适用于IE。