当前位置: 首页 > 面试题库 >

如何在HTML中将一个图像放置在另一个图像之上?

尚楚
2023-03-14
问题内容

我是Rails编程的初学者,试图在页面上显示许多图像。有些图像要放在其他图像之上。为简单起见,假设我要一个蓝色正方形,在蓝色正方形的右上角有一个红色正方形(但在角落不紧)。由于性能问题,我试图避免进行合成(使用ImageMagick等)。

我只想相对于彼此放置重叠的图像。

举一个更困难的例子,想象一下将里程表放在更大的图像中。对于六位数字,我将需要合成一百万个不同的图像,或者即时进行处理,其中所需要做的就是将这六个图像放置在另一个图像之上。


问题答案:

好的,过了一段时间,这就是我的目标:

.parent {

  position: relative;

  top: 0;

  left: 0;

}

.image1 {

  position: relative;

  top: 0;

  left: 0;

  border: 1px red solid;

}

.image2 {

  position: absolute;

  top: 30px;

  left: 30px;

  border: 1px green solid;

}


<div class="parent">

  <img class="image1" src="https://placehold.it/50" />

  <img class="image2" src="https://placehold.it/100" />

</div>

作为最简单的解决方案。那是:

创建一个放置在页面流中的相对div;首先将基本图像作为相对图像放置,以便div知道应该有多大;将叠加层相对于第一张图片的左上角作为绝对值放置。诀窍是使亲戚和绝对人正确。



 类似资料:
  • 问题内容: 我正在学习Swift,并且正在创建一个使用个人照片的应用程序,并将另一个放在上面。我现在有一个hacky解决方案,可以创建该区域的屏幕截图并保存。我需要在Swift中执行此操作 但是,这是可行的,现在不再可行。但是,这也不是最佳解决方案。 那么,伙计们,我该如何将个人图像中的图像作为叠加图像保存到相机胶卷中? 帮助将不胜感激!谢谢! 问题答案: 我建议阅读此线程。您所有的答案都在那里。

  • 问题内容: 我正在尝试用GUI制作棋盘游戏。我用 播放器的名称创建了一个JLabel,并希望将其用作令牌。然后,我制作了另一个JLabel, 其中包含板的图像。我将两个标签都添加到boardPanel上, 现在,这些标签并排放置。我如何做到这一点, 以使JLabel带有名称而不是并排放置在带有img的JLabel上? 对于包含两个 标签的面板,我应该考虑些什么吗?像某个布局管理器一样? [只是我的

  • 问题内容: 我需要拍摄图像并将其放置在新的生成的白色背景上,以便将其转换为可下载的桌面墙纸。因此该过程将进行: 生成具有1440x900尺寸的新全白图像 将现有图像放在顶部居中 另存为单个图像 在PIL中,我看到了该对象,但是没有任何迹象表明它可以将现有的图像数据绘制到另一个图像上。任何人都可以推荐的建议或链接? 问题答案: 这可以通过Image实例的方法来完成: 可以在Nadia Alramli

  • 我在一个类中有一个imageView,在单击imageView时,会出现一个对话框,它有两个选项,可以从相机中获取图像,也可以打开设备的图像库。我想将图像从一个类发送到另一个类,这样它就可以出现在ImageView中。我搜索了很多小时,但我只得到关于从一个类到另一个类的文本数据发送。谁能告诉我从一个类到另一个类的图像发送? 这是来自sender类的代码,它将获取图像。 谢谢你的帮助

  • 问题内容: 我刚刚在三个月前开始编程,这里的问题是- 如何将一个或图形复制到另一个或图形。 我用过了 - 但是由于缺乏知识,我被困在这里。请帮忙。 问题答案: 首先查看AWT中的绘画和Swing 和执行自定义绘画,以获取有关绘画工作原理的更多信息。 永远不要使用,这只是个坏主意,不会给您带来麻烦。 一般来说,应避免直接调用,而应使用或。这将禁用正常绘制过程中固有的双重缓冲,这可能会导致 这假定已经

  • 如何替换PDF中的图像与另一个图像PDF框。怎么做? 我想用另一个图像更改pdf上的VisualSignature。