图层叠加，不知道怎么回事运行出来是个空白

Question

1. 

2. 

   
   问题：想把一个叫简英语的logo放到图2（图二当作背景图）的左上角，试了好多次，不知道怎么运行出来是个空白？我该怎么解决这个问题

Answer 1

【以下回答由 GPT 生成】

根据问题描述，你想实现图层叠加效果，在一个图像上叠加另一个图像。你已经尝试过一些方法，但是运行时只显示了一个空白。你想知道如何解决这个问题。

可以尝试以下解决方案：

1. 首先，为了使图层叠加生效，你需要设置两个图像的position属性为absolute，并将它们的共同父元素的position属性设置为relative。这样可以使得图像相对于其共同父元素定位。

修改代码如下：

<ol>
<li>
  <p class="md_img_container" style="position: relative;">
    <img class="md_img" src="" alt="img" align="left" style="position: absolute;" />
    <img class="md_img" src="简英语logo图像的URL" alt="img" align="left" style="position: absolute; top: 0; left: 0;" />
  </p>
</li>
<li>
  <p class="md_img_container">
    <img class="md_img" src="" alt="img" align="left" />
  </p>
  <br />
  问题：我想将一个名为"简英语"的logo图像叠加在图像2（即图二，作为背景图）的左上角。我尝试了很多次，但运行时只显示了一个空白。请问我应该如何解决这个问题？
</li>
</ol>

1. 在第一个图像的img标签中，将src属性设置为空白，这样可以使其显示为空白图像框架，以便后续被覆盖。

2. 在第二个图像的img标签中，将src属性设置为你想要叠加的logo图像的URL。

请将你想要叠加的logo图像的URL替换到代码中的src属性中。

如果你尝试了以上解决方案，但问题仍然存在，请提供更多关于你的代码以及相关代码的上下文信息，以便我们可以更好地帮助你解决问题。

【相关推荐】

• 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/726188
• 我还给你找了一篇非常好的博客，你可以看看是否有帮助，链接：小米200万的新LOGO 一行代码就能修改？
• 除此之外, 这篇博客: 前端练习 静态网页（一）：导航栏中的 1.1.2 带logo的导航栏 部分也许能够解决你的问题。

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^