我有3个SVG一个在另一个之上：
path我已添加polygon和.country每个.shape和display: none，然后尝试opacity: 0或visbility: hidden或.oldmap .country,
.oldmap .shape,
.computer_all .country,
.computer_all .shape {
opacity: 0;
visibility: hidden;
display: none;
}
.newmap .country,
.newmap .shape {
opacity: 1;
visibility: visible;
display: block;
}
< / p>
opacity无论我使用visibility还是display none还是$("svg1").remove();
，我仍然会看到另一个或下面的形状。
仅当我删除其他svg工作时，例如：
position:absolute;
left: -99999px;
我甚至试图设置
{{1}}
如果我隐藏所有它没关系，但如果我显示1那么我仍然会看到其余的
答案 0 :(得分：0)
问题在于我使用<svg>元素的方式。我使用<svg>标签重叠不同的SVG，而我只应使用一个标签SVG，然后在其中插入带有不同<g>标签的形状。
<强>错误：
<svg>1</svg>
<svg>2</svg>
<svg>3</svg>
<强>正确：
<svg>
<g></g>
<g></g>
<g></g>
</svg>