Question

我有一个flexslider轮播设置，每个图像周围都有一个链接，可以使用以下代码在fancybox中启动：

<div class="flexslider">
   <ul class="slides">
      <?php foreach( $images as $image ): ?>
         <li>
            <a class="fancybox" href="<?php echo $image['sizes']['large']; ?>" rel="gallery">
               <img src="<?php echo $image['sizes']['thumbnail']; ?>" alt="<?php echo $image['alt']; ?>" />
            </a>
         </li>
      <?php endforeach; ?>
   </ul>
</div>

<script type="text/javascript">
   $(window).load(function() {
      $('.flexslider').flexslider({
         animation: "slide",
         animationLoop: true,
         itemWidth: 135,
         itemMargin: 0,
         minItems: 5,
         maxItems: 5,
         directionNav: true,
         controlNav: false,
         slideshow: false
      });
   });
   $("a.fancybox").fancybox({
      helpers : {
         overlay : {
            locked : false
         }
      }
   });
</script>

灯箱正确加载并且轮播功能正常，但在Firefox中关闭灯箱时，所有列表项（或图像）都会被隐藏，直到再次点击为止。从我所知道的，它在Chrome中运行良好。有什么想法吗？

Answer 1

通过添加以下内容进行修复：

.flexslider .slides li {
    backface-visibility:hidden;
}

Flexslider轮播/ Fancybox图像消失

1 个答案: