alternativa a foreignObject per IE9

Question

mi piace molto foreignObject per mostrare regioni HTML su svg, ma oggi ho scoperto che non funziona in IE9 (perché non sono sorpreso) ok. Quindi sto cercando un'alternativa che funzioni in IE9, ma sembra difficile. La cosa grandiosa dell'utilizzo di foreignObject per visualizzare più elementi HTML.

mio d3.js Forza grafico di layout sta lavorando molto in cromo e FF, ma in IE9 fallire a causa di foreignObject. aggiungo molti elementi HTML in Div e anche più materiale CSS. cerco di sostituire foreignObject con altri xhtml: div o XHTML: corpo, ma non funziona

qui è di due Fiddles

Working Fiddle

bisogno per funzionare su IE9

Modified Fiddle

node.append("foreignObject") 
    .attr("class", "simpleDiv") 
    .attr("width",50) 
    .attr("overflow", "visible") 
    .attr("height", 50) 
    .append("xhtml:div").attr("class", "mainDiv").style("cursor", hoverStyle) 
    .html(function (d) { 
     var htmlString = ""; 
     var userImage = "http://t2.gstatic.com/images?q=tbn:ANd9GcT6fN48PEP2-z-JbutdhqfypsYdciYTAZEziHpBJZLAfM6rxqYX"; 
     htmlString += "<div class='userImage' style='border-color:" + color(d) + "'><image src='" + userImage + "' width='36' height='36'></image></div>"; 
     htmlString += "<div class='content' style='color:" + color(d) + ";'>" + d.name + "</div>"; 
     htmlString += "<div style='clear:both;'></div>"; 
     return htmlString; 
    }); 

è possibile provare l'esempio originale in IE9 anche foreignObject

Answer 1

Non credo sia possibile eseguire foreignObject in IE9. Ma per il tuo particolare compito, perché non rendere l'icona e il nome dell'utente solo con gli elementi <image> e <text>?