IE8中嵌入SVG高度的问题

如何解决IE8中嵌入SVG高度的问题

| 我的html网页中嵌入了一个大的SVG文件（1100x44000 px）。我的代码在Firefox 4上像超级按钮一样工作，但在带有Adobe插件的IE8上无法正确显示。更精确地说，当我将SVG嵌入到EMbed（或IFRAME）标签中时，对于属性高度<= 16382 px的所有值，它都工作得很好，但是在此值之上，则根本不显示内容！我知道IE8与SVG存在兼容性问题。我在IE上尝试了“兼容性视图”，还尝试添加它，但这没有帮助。任何帮助表示赞赏:) 以下是代码摘录：

<table style=\"width:1100px;\">
 <tr>
      <td colspan=\"2\">
    <div class=\"title\" >data</div>
   </td>
</tr>
<tr>
  <td colspan=\"2\">
    <div id=\"DivCont\"   class=\"SVG_container\">  
      <embed src=\"./NC_012587/out.svg\" style=\"margin-top:30px; overflow:hidden;\"  width=\"1100\" height=\"44000\" />
   </div>
  </td>
</tr>

一些CSS：

tr{
    width:1100px;
}

td{
border:1px solid #dfdfdf;
}

td.Box{  
  background-color: #f5eded; 
  margin-top: 0px;
  top: 0px;
  height: 200px;
}

div.SVG_container{
 height:600px;
 width:1100px;
     overflow:scroll;
 position:relative; 
}

rect.select_div{
position: absolute;
height: 30px;
width: 98px;
background: #CCF;
border: 1px solid #AAD;
text-align: center;
font-size: 10px;
border:1px solid black;
  /* for IE */
filter:alpha(opacity=60);
 /* CSS3 standard */
opacity:0.6;    
}

解决方法

尝试使用<object>标记代替<embed>。对我来说，对象标记在IE8中有效。它可能会出现一些问题，但基本上会显示SVG。