Javascript 将图像放入图像中

使用CSS，是否有适合此图像的方法： 在此手机图像中，仅显示手机边框：

将其设置为背景图像将占据一个完整的矩形，该矩形不适合手机边框，但更适合手机边框

这就是代码的样子

                <div class="leftPhone">
                     <img class="LRPhone" src="images/leftphone.svg" alt="">
                </div>

---

这将有助于减少手机图像周围多余的空白，这样你就不需要在定位上胡闹了。此外，图片和手机相框的大小/纵横比也不相同，因此您需要调整背景大小/位置，以获得所需的效果。但你真正需要做的就是设置边界半径以匹配手机图像

.左电话{ 背景图片：url'https://i.stack.imgur.com/6XUJf.png'; 背景重复：无重复； 背景尺寸：150px 200px； 背景位置：-30px-20px； 宽度：88px； 高度：175px； 边界半径：10px； } .leftPhone img{ 位置：绝对位置； 左：-48px； 顶部：-5px； }

---

在div上使用css边框半径来匹配电话角的半径。或使手机成为一个完全透明的背景尺寸：包含；添加“无重复”，并根据需要使用“半径”