如何在html中的另一张照片上添加照片[重复]答案

【问题标题】：How to add photo over another photo in html [duplicate]如何在html中的另一张照片上添加照片[重复]
【发布时间】：2019-05-04 12:15:18
【问题描述】：

如何在另一张图片上添加图片，如下所示：

这是我的 HTML 代码：

<body>

    <div class="container-fluid">

        <p><a href="" class="as">Начало</a> <a href="" class="as">За нас</a> <a href="" class="as">Промоции</a> <a href="" class="as">Контакти</a></p>
        <p class="moto">Веднъж хапни, за цял живот се пристрасти!</p>

    </div>

和 CSS 代码：

.container-fluid {

    height: 470px;
    background-image:linear-gradient(to bottom, black, black, transparent 70px, transparent 330px, black, black 500px),url("images.jpg");
    background-size: 100% 100%;


}

【问题讨论】：

使用position对齐图片
可以设置一个img为html背景，另一个为普通img
是的，我将使用位置来对齐图像，但是我应该如何将图像添加到另一个图像之上？我尝试使用但图片没有加载。
上传.jpg文件有问题吗？
你的 img src 标签应该看起来像这样 <img src="smiley.gif" alt="Smiley face" height="42" width="42"> 检查这个 link 以获取有关 img 标签的更多信息

标签： html css image

【解决方案1】：

您可以尝试使用位置，并在顶部为您想要的图像提供 z-index。

【讨论】：