2016-02-04 63 views
0

嗨,大家好,我有在IE 11.我有一個嵌入SVG這就需要與它的元素進行交互的問題......這裏是例子只需點擊5樓:SVG不能調整父容器

http://infinityproperty.sitetester.biz/floorplans/59

在Chrome和Firefox中,一切都可以在IE瀏覽器中使用它太少了?什麼可以使這件事?

+0

我試過了,它在IE11中對我很好。它看起來與Chrome相同。 –

+0

我只是設法做出來併發布答案。這是一個CSS黑客。 –

回答

0

對於嘗試在ie中調整svg大小的人,內聯svg存在問題。當你嘗試調整它在100%寬度中的大小時,它在主要瀏覽器中工作正常,但IE拒絕調整它的大小。 我已經管理它與一個CSS黑客在這裏工作。

Conteiner:

#svg { 
display: inline-block; 
padding-bottom: 70%; 
position: relative; 
vertical-align: middle; 
width: 100%; 
} 


#svg svg { 
display: block; 
left: 0; 
position: absolute; 
top: 0; 
width: 100%; 
} 

另外除去SVG的寬度和高度。

有了這個我得到它的工作。 :)