Question

我到处搜索，似乎找不到解决办法。

我正在使用网站中的jQuery Cycle滑块。它在div中使用，当前设置为隐藏溢出，而它的图像设置为100％高度和1600px。我通过jQuery调用设置水平位置：

这是CSS：

   #large-slider {
   max-height: 600px;
   position: absolute;
   top: 0;
   z-index: -1000;
   overflow: hidden;
   margin: 0 auto;
   }

   #large-slider img {
   width: 1600px;
   height : 100%;
   }

这是jQuery调用：

<script type="text/javascript">
// JS call for Cycle Slider
jQuery(document).ready(function(){
    jQuery('#large-slider').cycle({
    fx: 'fade'
    });
    // Centering images
    jQuery('#large-slider').css('left', -((1600 - jQuery(window).width()) / 2));
});
    // Centering images on resizing
        jQuery(window).resize(function(){
        jQuery('#large-slider').css('left', -((1600 - jQuery(window).width()) / 2));
    }); 
    </script>

现在，问题在于Firefox和IE9完美无缺。这些图像一直都是全宽的，无论如何都会保持居中（它们的一部分走到屏幕之外，我们看不到它，但那是完美的）。另一方面，在Chrome中，无论窗口的大小如何，图像都会填充窗口宽度的70％。在Safari中，猜猜：图像甚至不出现！

这真的很奇怪......我在同一个网站上使用相同的脚本，有另一个尺寸（就像一个普通的滑块而没有填满整个宽度）并且它的工作完美，所以我猜这个问题与全宽度问题，隐藏溢出或其他东西。我真的不知道。

任何线索??

在Chrome和＆amp ;;中溢出隐藏和jQuery冲突苹果浏览器

0 个答案: