0

我是 jquery 的新手，第一次使用花哨的盒子。我有几个问题。

当fancybox 打开并且我滚动时，下一张照片会滑过实际框的外部，因此看起来它来自页面的右侧，而不是停留在花哨的框结构内。

此外，我将标题设置为非常高的 z-index，自然它与花哨的框的顶部重叠。精美盒子打开时如何在其上使用 z-index？

这是我的代码。

.header {
 background:#FFF;
 height:65px;
-webkit-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.49);
 -moz-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.49);
 box-shadow:0px 0px 3px rgba(0, 0, 0, 0.49);
 position:relative; z-index:1000001;
}

portfolio_photo {
 -webkit-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.49);
 -moz-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.49);
 box-shadow:0px 0px 3px rgba(0, 0, 0, 0.49);
 float:left;
 margin-right:20px;
 width:31%;
 padding:10px;
}

<div class="portfolio_photo">
   <a href="<?php echo get_template_directory_uri();?>/img/slideshow/slide_1.jpg" class="fancybox" rel="gallery" title="Sample title 1"><img src="<?php echo get_template_directory_uri();?>/img/slideshow/slide_1.jpg" /></a>
</div>

<script>
        $(document).ready(function() {
            $(".fancybox").fancybox({

               });
        });
</script>
4

1 回答 1

1

1) 这就是 v2 的工作方式。fade如果您愿意，可以将 nextEffect/prevEffect 更改为。2）fancyBox 使用从 8000 开始的 z-index。因此，请将 fancyBox 的每个 z-index 设置为更高或为您的标题元素设置更低的 z-index。

于 2013-08-15T10:45:08.097 回答