需要一个来自 JS 滑块的 img-tag 而不是另一个 img-tag答案

【问题标题】：Need an img-tag over another img-tag from a JS slider需要一个来自 JS 滑块的 img-tag 而不是另一个 img-tag
【发布时间】：2013-05-08 11:44:18
【问题描述】：

所以我测试了一些免费的滑块；简单的 JS 脚本，但它们似乎使用 img-tags。问题是，我有类似徽章的东西，它必须在前台。

我没有得到什么......我以什么顺序排列它们并不重要；只有两张图片：

<img style="margin-top:-100px;" src="images/slider_image.png">
<img style="margin-left:-30px;" src="images/badge.png">

我试图用 div 包围它们，给它们一个 z-index。

两者都被一个 div 标签包围。

那么我怎样才能确保有一个简单的 JS 滑块，而徽章总是在顶部？我正在寻找一个使用带有“background-image:url()”的 div 的滑块，因为它实际上正在工作。

或者也许还有其他解决方案？

// 编辑：哦，我还尝试使用 jQuery 更新徽章源，例如 $('#badge').attr("src","someimage") 因为我认为可能是JS在徽章之后更新滑块图像的问题，但没有帮助

【问题讨论】：

【解决方案1】：

感谢您的提示；刚刚得到它。我将徽章设置为 position:relative ，这使得效果已经起作用了......无论如何，谢谢！ :)

【讨论】：