Html 列表中的阴影框

我在列表中使用shadowbox时遇到问题。我试图使用shadowbox的图像位于li标签内。我已经尝试在一个列表之外的上实现shadowbox，并且它工作正常

HTML:

是的，这是可能的，而且从您展示的有限HTML来看，它看起来也在使用插件

如果是这样的话，看看我前一阵子做的是基于这个的

即使您没有使用Quicksand，让Shadowbox按预期工作的想法也是一样的：即运行

Shadowbox.setup（）在其他脚本的回调过程中

基本上，在另一个脚本更改DOM并围绕Shadowbox对象的其他元素进行更改后，Shadowbox将不会缓存新对象，除非通过
Shadowbox.setup（）
将它们手动添加到Shadowbox缓存中

注意：您可能必须首先运行
Shadowbox.clearCache（）
为了清除以前捕获的链接，否则克隆对象将开始繁殖

另外，请务必打开演示的
.js
文件，因为其中有很多我编写的教程注释，专门用于Shadowbox

<div id="gallery" class="content-2">
        <nav id="filter"></nav>
        <section id="container">
            <ul id="stage">
                <li data-tags="Print Design"><a rel="shadowbox" href="_img/shots/1.jpg"><img src="_img/shots/1.jpg" alt="Illustration" /></a></li>
                <li data-tags="Logo Design,Print Design"><a rel="shadowbox" href="_img/shots/2.jpg"><img src="_img/shots/2.jpg" alt="Illustration" /></a></li>
           </ul>
        </section>
</div>