IE7 jquery職位：相對

Question

我正在使用需要位置的插件：相對於在UL中動畫li項目。

這裏有一個演示：http://jsfiddle.net/bleachie/aJPRp/

在IE7中溢出：隱藏不工作，但如果位置的工作原理：相對於從UL取出;那麼插件不起作用。

我該如何解決這個問題在IE7中？

謝謝。

CSS

ul { 
    padding: 0; 
    margin: 0; 
    list-style: none; 
} 

.jSlots-wrapper { 
    overflow: hidden; 
    height: 20px; 
    display: inline-block; /* to size correctly, can use float too, or width*/ 
    border: 1px solid #999; 
} 

.slot { 
    float: left; 
} 

HTML

<ul class="slot"> 
    <li>1</li> 
    <li>2</li> 
    <li>3</li> 
    <li>4</li> 
    <li>5</li> 
    <li>6</li> 
    <li>7</li> 
</ul> 
<input type="button" id="playNormal" value="play">​ 

的Javascript

$('.slot').jSlots({ 
    spinner : '#playNormal', 
    winnerNumber : 7 
}); 

Answer 1

快速搜索打開了這個question and answer。基本上，對於隱藏在IE6/IE7中相對定位的子項中的溢出隱藏，您還需要相對定位容器。因此在這種情況下：

.jSlots-wrapper { 
    position: relative; 
    overflow: hidden; 
    height: 20px; 
    display: inline-block; /* to size correctly, can use float too, or width*/ 
    border: 1px solid #999; 
}