0

私はjqueryが初めてで、ファンシーボックスを初めて使用しています。私はいくつかの問題を抱えています。

ファンシーボックスを開いてスクロールすると、次の写真が実際のボックスの外側にスライドするため、ファンシーボックス構造内にとどまらず、ページの右側から来ているように見えます。

また、ヘッダーを非常に高い 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の仕組みです。必要に応じて nextEffect/prevEffect を変更できfadeます。2) fancyBox は 8000 から始まる z-index を使用します。したがって、fancyBox のすべての z-index を高く設定するか、ヘッダー要素の z-index を低く設定します。

于 2013-08-15T10:45:08.097 に答える