溢出属性不会切断jQuery轮播内容

Question

好的，我知道。相信我，我知道。这似乎很容易解决。但是，解决方案现在已经暂时搁置了我。

我正在使用jQuery carousel插件。我似乎无法让旋转木马在它嵌套的div的末端切断。

<div style='overflow:hidden;margin:0 auto;'>
     <div class='carousel'>
<?php
     for($i=0;$i<$count;$i++)
     {
          echo "<div>
                    ".$content[$i]."
               </div>";
     }
 ?>
     </div>
</div>

您可以找到一个有效的示例here

Answer 1

您将overflow:hidden提供给错误的父元素。尝试将overflow:hidden提供给li元素，并为其提供position:relative。问题将得到解决。 ：）

li{
  /* other css properties */
  position:relative;
  overflow:hidden;
}