Question

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

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

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

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

<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>

SlideShow上的Zindex图像

1 个答案: