我使用wordpress，我只能使用CSS作为SVG元素。 我有一个区域的地图，我把它放在SVG元素的顶部。 （我现在使用的是随机地图）
现在这些标记是SVG。地图和SVG元素的图像位于名为“地图”的div中。
<div id="map">
<img class="style-svg" id="hole1" src="http://127.0.0.69/wp-
content/uploads/2017/06/Untitled-1.svg" />
<img class="style-svg" id="hole2" src="http://127.0.0.69/wp-
content/uploads/2017/06/Untitled-1.svg" />
<img class="style-svg" id="hole3" src="http://127.0.0.69/wp-
content/uploads/2017/06/Untitled-1.svg" />
<img class="style-svg" id="hole4" src="http://127.0.0.69/wp-
content/uploads/2017/06/Untitled-1.svg" />
<img class="style-svg" id="hole5" src="http://127.0.0.69/wp-
content/uploads/2017/06/Untitled-1.svg" />
<img class="aligncenter size-full wp-image-7"
src="http://orrlakegolfclub.com/wp-content/uploads/2013/03/Map.png"
alt="test" width="650" height="812" />
</div>
...这是我的CSS代码。
.style-svg {
height:90px;
z-index:10;
position:absolute;
}
#map{
padding:0;
margin:0;
}
#hole1 {
transform: translate(735%,100px);
}
#hole2 {
transform: translate(200px,120px);
}
#hole3 {
transform: translate(400px,250px);
}
#hole4 {
transform: translate(700px,150px);
}
#hole5 {
transform: translate(350px,100px);
}
.aligncenter.size-full.wp-image-7{
padding:0;
}
我希望它能从父div中缩放，如果它调整大小的话。我的另一个选择是让整个地图静止，如果调整大小则不缩小。