SVG背景图像大小和div问题

Question

我绘制一张简单的地图并将其保存为svg图像。我使用此svg图像文件作为网站的背景图像。 这是在CSS

中

body {
   background-image: url("drawing.svg");
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position: center center;
   background-size: contain;
} 

现在我想在背景图片上的一个城市上方创建一个可点击按钮。如何定位此按钮以使其始终位于背景地图的相同位置之上？如果它在我的桌面上没问题，那么该按钮几乎可以放在平板电脑或手机上的其他位置。如何在一个位置上方查看？

谢谢