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

IE7 Jquery位置：相对

1 个答案: