0

UL 内の li アイテムをアニメーション化するために position:relative を必要とするプラグインを使用しています。

ここにデモがあります：http://jsfiddle.net/bleachie/aJPRp/

IE7 では、overflow:hidden は機能しませんが、position:relative が 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
 });
4

1 に答える 1

0

クイック検索でこの質問と回答が見つかりました。基本的に、オーバーフローを非表示にして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;
}
于 2012-05-28T15:55:02.693 に答える