让 JQuery 出现在图片前面答案

【问题标题】：Making JQuery appear in front of images让 JQuery 出现在图片前面
【发布时间】：2012-08-06 09:51:26
【问题描述】：

所以，我用 Photoshop 切片创建了一个页面，我注意到 JQuery 代码没有出现。我怀疑它隐藏在图像下方，所以我尝试了 z-index 无济于事。

有没有办法让 JQuery 项目出现在图像前面？如果我删除图像的切片，它们确实会出现。

编辑：对此感到抱歉：我可以提供图片和代码示例。

我使用了这个网站的 JQuery 插件：http://gristmill.github.com/jquery-popbox/

代码片段，基本上我试图在点击联系人时制作一个模拟弹出联系人框。然而它是这样出现的：http://i.stack.imgur.com/YUAhx.png

#tweetspage-07 {
    position:absolute;
    left:564px;
    top:1px;
    width:108px;
    height:59px;
    z-index:-1;

}

 <!--Contacts-->
    <div id="tweetspage-07">


<div class='popbox'>
    <a class='open' href='#'><img src="images/tweetspage_07.png" width="108" height="59" alt=""></a>


          <div class='collapse'>
            <div class='box'>
              <div class='arrow'></div>
              <div class='arrow-border'></div>

              Content in PopBox goes here :)
              <a href="#" class="close">close</a>
            </div>
          </div>
        </div>

【问题讨论】：

你需要展示一些代码。
请提供正确的描述和示例代码..谢谢
JQuery code 永远不会出现。但是，如果您正确描述您想要实现的目标，我们或许可以提供帮助。
我认为你用词混淆了，你的 HTML 元素没有出现在你的图像前面。首先确保它有一个高于图像的正z-index，并且它有一个position 属性而不是static。

标签： jquery image photoshop hidden slice

【解决方案1】：

给 z-index 一个正值，高于当前出现在上面的竞争。使 JQuery 项目显示：-块；位置：绝对；

【讨论】：