如果您能指导我正确的方向，我将不胜感激。
我需要使用 JS 或 CSS 对两个 svg 图像进行分层，就像我下面的示例图像(电话和图形)一样似乎是一个图像。
谢谢
最佳答案
我为您的问题创建了这个 plunkr: https://plnkr.co/edit/RPAA1JkRM6Or1pY9yMeI
.container-iphone {
width: 657px;
height: 588px;
}
.container-iphone img {
position: absolute;
z-index: 2;
}
.container-iphone .inside {
padding-top: 50px;
text-align: center;
transform: translate(50%,50%);
position: relative;
width: 339px;
}<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Iphone Mask - Jonathan Muszkat</title>
<meta name="description" content="Iphone Mask">
<meta name="author" content="Jonathan Muszkat">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container-iphone">
<img src="http://i.imgur.com/WXt6Pyu.png" />
<div class="inside">whatever whatever whatever whatever whatever whatever whatever whatever whatever<br/> whatever whatever whatever whatever whatever whatever whatever whatever whatever whatever whatever whatever whatever whatever whatever whatever whatever whatever whatever whatever whatever <div>
</div>
</body>
</html>如您所见，我修改了您的 iphone 图像并在其中创建了一个 div，因此您可以在该 div 中放置任何您想要的内容。也是 SVG。
谢谢， 乔纳森
关于javascript - 如何分层 2 svg 图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39491767/