javascript - 幻灯片放映中的 Zindex 图像

Question

我在这里编写了一个幻灯片，我希望在幻灯片中将两个图像放在彼此的顶部。

出于某种原因，它们彼此相邻，而不是彼此重叠。我希望标签位于幻灯片中横幅的顶部，正如我在幻灯片中指定的那样。出于某种原因，他们只是出现在幻灯片中彼此相邻，我无法弄清楚为什么？

这是我遇到问题的示例的链接。

我正在使用这个脚本 http://www.meadmiracle.com/SlidingGallery.aspx

http://syndicatebox.com/test/

<style type="text/css">
.banner{
position:relative;
z-index: 1;
}
.tag{
    position:absolute;
    z-index: 10;
    top: 60px;
    left: 59px;
    width: 788px;
    height: 554px;
}
</style>

基本上边框图像应该在餐厅图像下方，但它们彼此相邻出现，我不想使用整个 png 图像，因为它占用的大小。

你可以在这里明白我的意思http://syndicatebox.com/test/

Answer 1

<style>
.back{
position:absolute;
    z-index: 10;
    top: 60px;
    left: 59px;
    width: 788px;
    height: 554px;
    padding: 20px;
    backgroung:url(backgroundframe.jpg);
}

</style>

<div class="back">
<img src="image1.jpg" width="100%" height="100%">
</div>