jquery - Flexslider 轮播/Fancybox 图像消失

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;
}