Html 如何在网站中覆盖图像（png）？ 我试图在另一个（稍大一些）图像的中间安装一个图像，这样它就好像在更大的图像中（在这种情况下是一个电话）。我不确定正确的方法来实现这一点，任何帮助都是非常感谢的

您需要设置

z-index

css属性

HTML:

这里有一个演示：

---

当然，您需要调整坐标，我强烈建议将CSS放在样式表中，而不是内联。这里有一个关于CSS的非常好的教程，以获取更多信息：

因此您对html和CSS是新手。没问题，但你的问题对我来说有点模糊

然而，简而言之：

<style>
    #phone {background: url('http://www.knowabouthealth.com/wp-content/uploads/2010/06/iphone.jpg') center no-repeat; width: 300px; height: 392px; border: 1px solid #000000;}
    #display {background: #000000; margin: 80px auto 0px; width: 164px; height: 246px; color: #FFFFFF;}
</style>
<div id="phone">
    <div id="display">
        Hello! What is up? Miley rocks!
    </div>
</div>

#电话{背景：url（'http://www.knowabouthealth.com/wp-content/uploads/2010/06/iphone.jpg“）中心不重复；宽度：300px；高度：392px；边框：1px实心#000000；}
#显示{背景：000000；边距：80px自动0px；宽度：164px；高度：246px；颜色：#FFFFFF；}
你好怎么了？麦莉岩石！

现场示例：

---

这当然是一个非常简单的例子。正如您所看到的，内部容器不是图像，而是文本。。从技术上讲，您现在可以在那里添加图像。。但是，当我们让您了解HTML和CSS的世界时，这是一个更好的例子，也许可以增强您的概念：）

这根本不能回答OP的问题。你没有在这里叠加任何PNG。@Matt Anderson:嗯，OP显然是个初学者。。因此，如果外部图像是一部手机，那么我的示例可能与他的更高目标类似。所以从技术上讲，这更像是一个教学和替代答案——试图理解OP真正想要做什么。啊！非常感谢，非常直接！保持出色！另一个快速的问题，很抱歉我不知道o.o，但是如果png1的定位是通过html居中的，就像在提供的示例中不在左上角一样，我如何设置png2的定位相对于它（我认为这是有意义的，如果不让我知道的话！）非常感谢！没关系，我想我是在寂寞中弄明白的，再次非常感谢你！我查过了！最美好的祝福！

<img style="position:absolute;left:10px;top:10px;" src="img1.png">
<img style="position:absolute;left:20px;top:20px;" src="img2.png">

<style>
    #phone {background: url('http://www.knowabouthealth.com/wp-content/uploads/2010/06/iphone.jpg') center no-repeat; width: 300px; height: 392px; border: 1px solid #000000;}
    #display {background: #000000; margin: 80px auto 0px; width: 164px; height: 246px; color: #FFFFFF;}
</style>
<div id="phone">
    <div id="display">
        Hello! What is up? Miley rocks!
    </div>
</div>