svg <use>不适用于FF中的iframe innerHTML

Question

我在字符串中有一个svg符号，我需要将它附加到iframe主体。

我尝试仅使用body元素的innerHTML，它在Chrome和IE中运行良好，但在FF中不起作用：

var iframe = document.createElement('iframe');

document.body.appendChild(iframe);

setTimeout(function(){
  iframe.contentDocument.body.innerHTML = '<svg class="multi"><use xlink:href="#multi"></use></svg><svg xmlns="http://www.w3.org/2000/svg"><symbol viewBox="0 0 512 512" id="multi"><style type="text/css"> .st0{fill:#D8F4FF;} </style> <path d="M223.7,256.5L113.7,146.6l34.9-34.9l109.9,109.9l107.8-107.8l34.9,34.9L293.6,256.5l107.8,107.8l-34.9,34.9L258.6,291.5L148.7,401.4l-34.9-34.9L223.7,256.5z"/></symbol></svg>';
}, 100);

jsfiddle

为什么它不起作用？我该如何解决？