CSS响应图像位置

Question

我正在制作动画，我将balloon放在world map上。 问题是world map是响应式的（引导类img-responsive），所以：

如何将balloon置于São Paulo点之上并且它尊重所有world map尺寸？

链接：http://jsfiddle.net/6j2Bs/1/

Answer 1

您可以使用百分比来定位气球：See this fiddle。

我还在气球图片上添加了width: 15%;，以便随地图调整大小，如果您不想使用此功能，可以将其删除。