幻灯片上的 Zindex 图像

发布于 2024-12-22 16:43:12 字数 794 浏览 2 评论 0原文

我在这里编程了一个幻灯片，我希望两个图像在幻灯片中彼此重叠。

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

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

我正在使用此脚本 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/

原文

I have a slideshow programed here that i want two images to be on top of eachother in the slideshow.

For some reason they are next to eachother and not on top of one another. I want the tag to be on top of the banner in this slide show as i specified here in my slideshow. For some reason they are just appearing next to eachother in the slidse and i cant figure out why?

Here is a link to the example which im having issues with.

I am using this script 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>

Basically the border image is supposed to be under the restaurant image but they are appearching next to eachother and i dont want to use a whole png image because of the size it takes up.

You can see what i mean here http://syndicatebox.com/test/

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

魂牵梦绕锁你心扉 2024-12-29 16:43:12

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

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

回复收藏 0 原文

~没有更多了~