IE7 Jquery Position : Relative

Question

UL 내의 li 항목에 애니메이션을 적용하려면 position : relative가 필요한 플러그인을 사용하고 있습니다. IE7 오버 플로우에서 http://jsfiddle.net/bleachie/aJPRp/

: 여기

는 데모입니다 작동하지 않습니다 숨겨져 있지만 위치하면 작동 : 상대가 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">​ 

자바 스크립트

$('.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; 
}