标签: html css html5 css3 svg
我正在创建一个网站,其中包含一个城镇的一部分小地图。 地图应该有标记(图标)标记最重要的景点,它应该具有放大/缩小功能。它还必须覆盖整个页面(响应,取决于分辨率)。
我现在拥有的:
我使用div将.svg图像设置为背景。图标是绝对定位的小div,使用边距设置到所需的位置。
现在的问题是,当有人调整页面大小或以其他分辨率查看页面时,标记会移动并且不再显示所需的位置。
如何将它们固定为div,所以当调整div的大小时,图标会保留在地图上所需的位置?另外如何使背景图像放大?