Question

所以，我用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>

Answer 1

给予z-index一个高于当前上面出现的竞争的正值。使JQuery项显示：-Block;位置：绝对的;

使JQuery出现在图像前面

1 个答案: