Javascript 在css中，将一个图像重叠在另一个图像上

我有两个图像，我必须在另一个图像上显示一个图像。我需要精确显示下面的两个图像。

以下是我尝试过的代码，它不会很快出现。有人能帮我解决这个问题吗

.my\u横幅{
背景图像：url（'http://i.stack.imgur.com/E4s7Z.gif');
背景重复：无重复；
位置：绝对位置；
顶部：0px；
左：150px；
宽度：100%；
身高：100%；
z指数：100；
}

---

您可以使用

位置：绝对并调整顶部和左侧以适合它


.block{
位置：相对位置；
}
.重叠{
位置：绝对位置；
宽度：自动；
身高：60%；
最高：15%；
左：13%；
z指数：100；
}

试试这个

HTML

在css“左侧”中，使用calc使解决方案运行良好，但之前运行良好的选项卡。现在标签和文本的大小变得非常小。看到这里，你会发布标签的html部分吗？需要检查结构以进行调整。奇怪，我戴上了它，它看起来很好。非常抱歉，这是我的错误，浏览器处于缩小状态。这很好，很高兴它能帮助您：）。
<div class="banner">
  <img src='http://i.stack.imgur.com/E4s7Z.gif' alt=""> 
</div>

.banner {
    background: url('http://i.stack.imgur.com/rQ8Ku.jpg');
    background-size: 100% auto;
    background-position: top center;
    position: relative;
    background-repeat: no-repeat;
    height: 200px;
}

.banner img {
    left: 12%;
    position: absolute;
    width: 12%;
}