嵌入式SVG高度在IE8中的問題

我在我的html網頁中嵌入了一個大的SVG文件（1100x44000像素）。我的代碼像Firefox 4上的魅力一樣，但在IE8 w/Adobe插件上無法正確顯示。嵌入式SVG高度在IE8中的問題

更確切地說，當我嵌入我的SVG的嵌入（或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;  
}

來源

2011-06-01 pasta

由於您已經知道IE8根本不支持SVG（我在前面的問題中已經告訴過您），您應該指定用於添加SVG支持的產品。這個問題可能與該產品有關，而不是IE8。 – Spudley 2011-06-01 11:41:37

它如何與Chrome一起使用？而不是使用Adobe插件，也許你可以建議人們使用Google Chrome Frame。 – jbeard4 2011-06-02 12:51:43

嘗試使用<object>標籤，而不是<embed>。對我來說，對象標籤在IE8中工作。它可能有一些問題，但基本上它顯示了SVG。

來源

2011-12-14 15:14:04 Asped

嵌入式SVG高度在IE8中的問題

回答

相關問題