Question

我有两个不同的图像，我想要做的是在第一张图像上重叠第二张图像。我试图在我的网页上创建一张身份证，但我的问题是当我的页面调整大小时，第二张图片失去了对齐...

第一张图片是一个blob，它将成为背景..第二张图片是生成的二维码。

<img id="imgko" src=" <?php echo json_decode($bg);?>" style="position:relative; margin: auto;display: block; width: 100%; height: auto;">
<img id="qrko" src="" style="position: absolute;top: 285px;left: 630px;">

有没有办法永久性地将第二张图像附加到第一张图像，这样每当浏览器调整大小时，它都不会影响jquery中两张图像的位置？。

Answer 1

我不确定我是否理解你的问题但是，如果你想在同一个位置重叠两个图像，你必须创建一个容器（它将包含两个图像并将它相对定位（以避免图像）这将是绝对离开集装箱的位置。）

HTML应如下所示：

doa = c("2010-08-01", "2010-08-07", "2008-09-01") # date of admission
doo_1 = c("2010-08-02", "1900-01-01", "2008-09-03") # date of first op
doo_2 = c("1800-01-01", "1900-01-01", "2008-09-03") # date of second op
df= data.frame (doa, doo_1, doo_2)

对于CSS：

<div class="container">
    <img class="overlaping" src="your first image">
    <img class="overlaping" src="your second image">
</div>

如何永久合并两个图像

1 个答案: