Проблема со встроенной высотой SVG в IE8 - PullRequest
Новая
       24

Проблема со встроенной высотой SVG в IE8

0 голосов
/ 01 июня 2011

У меня есть большой SVG-файл (1100x44000 px), встроенный в мою html-страницу.Мой код работает как шарм в Firefox 4, но не отображается должным образом в IE8 с плагином Adobe.

Точнее, когда я встраиваю свой SVG в тег EMBED (или IFRAME), для всех значений атрибута height <= 16382 px он работает просто хорошо, но выше этого значения содержаниевообще не отображается! </p>

Я знаю, что 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;    
}

1 Ответ

1 голос
/ 14 декабря 2011

Попробуйте использовать тег <object> вместо <embed>.Для меня тег объекта работает в IE8.У него могут быть некоторые проблемы, но в основном он отображает SVG.

...