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

  1. img

  2. img


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

【以下回答由 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属性中。

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



【相关推荐】



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

简英语不能直接写图片,要不然设置为background,另外加一个宽度和高度,要不就要做一个单独的img元素