混合jQuery插件的问题

时间:2011-10-30 22:33:52

标签: jquery modal-dialog

我正在这个页面上工作: http://bigbassbrian.com/beta/photo.php

我添加了以下2个jQuery插件:

  1. http://youhack.me/2011/07/15/google-plus-photo-stack-animation-using-jquery-and-css3/
  2. ColorBox,一个jQuery Lightbox
  3. 现在当我点击专辑“With artists”时,模态窗口打开没有问题,但专辑仍位于顶部,可能位于模态窗口的背面。

    ¿如何发回?

    谢谢!

1 个答案:

答案 0 :(得分:1)

这是一个CSS问题。你必须改变你的CSS;第{20}行http://bigbassbrian.com/beta/css/style-photo.css有一个z-index定义,它具有相同的灯箱包装值,将其更改为小9999。像:

.image_stack img { /* css style for photo stack */
    position: absolute;
    border: 4px solid #FFF;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
    z-index: 9998; // !!! Change this value, make it smaller then 9999 !!!
    /* Firefox */
    -moz-transition: all 0.2s ease;
    /* WebKit */
    -webkit-transition: all 0.2s ease;
    /* Opera */
    -o-transition: all 0.2s ease;
    /* Standard */
    transition: all 0.2s ease;
}