IE9

Question

için foreignObject için alternatif ben gerçekten HTML svg üzerinde göstermek için foreignObject gibi, ama bugün IE9'da çalışmadığını öğrendim (neden şaşırmadım) ok. Yani IE9'da çalışan bir alternatif arıyorum, ama zor görünüyor. Çoklu HTML öğelerini görüntülemek için foreignObject kullanmanın en güzel yanı.

D3.js Kuvvet düzeni grafiğim, krom ve FF'de harika çalışıyor ancak IE9'da foreignObject nedeniyle başarısız oluyor. Çok sayıda HTML öğesini Div'e ve daha fazla CSS maddesine ekliyorum. div veya xhtml: Diğer xhtml ile foreignObject değiştirmek deneyin vücudu ama burada

çalışmıyor

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; 
    }); 

IE9 reklam yayınlamak için iki Fiddles

Working Fiddle

ihtiyaçtır Orijinal örneğini IE9'de de test edebilirsiniz foreignObject

Answer 1

IE9'da foreignObject çalışması yapmanın mümkün olduğunu düşünmüyorum. Ama özel göreviniz için neden sadece kullanıcı simgesi ve ismi <image> ve <text> elemanlarıyla oluşturmuyorsunuz?