动画响应式Svg地图

Question

首先：圣诞快乐！

我正在尝试做一个可点击的地图，这是一个响应。我无法保持svg图像的位置稳定，请看这里：http://wp12730465.server-he.de/heim/

我不知道如何解决这个问题。正如你所看到的那样，覆盖图像在窗口缩放时会跳转并失去它们应该具有的位置。

任何想法？ Best， Anka

Answer 1

如果我正确理解你的问题。我已经改变了gelaende div与相对位置。

.gelaende { 
     position: relative; 
     width: 100%; 
     float: left; 
} 

Answer 2

圣诞快乐太:)这样做是给[位置： “相对”] 最好的办法父DIV这在你的是这一个（.section伪）：

<div class="section"> 
<div id="responsiveTabs" class="r-tabs"> 
<ul id="tabs" class="r-tabs-nav"> 

。 ..

&还定义[位置：“绝对”]为每个图像你想要使用的顶部。 下面的图像是一个很好的例子：

#heim { 
width: 14vw; 
position: absolute; 
height: auto; 
top: 12vw; 
left: 0; 
} 

正如您已经注意到顶部，并且需要留位置改变为每一个图像。