SlideShow上的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>