Javascript 滚动时覆盖阴影的jquery标题

您好，我正在使用此插件：

我遇到的问题是，我正在使用一些简单的css在滚动时已经有了阴影：

a:hover img.imagedropshadow {
    -moz-box-shadow: 1px 1px 5px #999;
    -webkit-box-shadow: 1px 1px 5px #999;
        box-shadow: 1px 1px 5px #999;
}

a:active img.imagedropshadow {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
        box-shadow: none;
}

添加jquery标题后，我弹出了标题，但图像在翻滚时不再有阴影，因为我认为图像没有真正被翻滚，因为jquery在图像周围创建了div

图像html如下所示：

<a href="blah.html ">
<img class="default imagedropshadow" border="0" width="290" height="400" title=" test" alt=test2" src="images/1797sbgx.jpg">
</a>

capty插件的javascript是：

---

如有任何帮助，请更改图像的z索引。图像现在将始终位于标题的顶部

CSS

---

好的，下面是我为解决这个问题所做的。。但它破坏了可重用性：

在线51

    $wrapper.css({
        height:     '410',
        overflow: 'hidden',
        position:   'relative',
        width:      '295'
    });

硬编码的高度和宽度，以适应较大的图像大小由于阴影。这意味着它只适用于此图像。我可以我猜使用原来的This.height+10或任何东西，但不是所有的图像都有阴影。。在任何情况下，我只在1尺寸的图像上使用它，所以对于我的需要，这将是现在足够好了

第91行：

$caption.animate({ top: (-90) }, { duration: options.speed, queue: false });

---

更改为-90，使其不与阴影重叠

更改z索引似乎没有任何效果。看起来它与溢出有关：隐藏在javascript中。。如果我把它从翻滚工作中取下，那么在翻滚之前标题就不会隐藏。谢谢，我也在玩它，试图将高度和宽度更改为略大于图像，以适应阴影。这意味着设置一个恒定的宽度/高度，这会破坏脚本在其他图像上的可重用性。

    $wrapper.css({
        height:     '410',
        overflow: 'hidden',
        position:   'relative',
        width:      '295'
    });

$caption.animate({ top: (-90) }, { duration: options.speed, queue: false });