1

div 内のリストで問題に直面しています。問題は、内部にリストを含む div があることです。これにより、ユーザーに表示される div インテンスの量が制限されます。制限を超えると、この div 内にスクロールが表示され、ユーザーが他のインテンスを表示できるようになります。この同じ div の下部には丸みを帯びたエッジ (境界半径) があります。LAST ITEM LIST の上にマウスを移動すると、div の境界半径の効果が削除されます。ここで私を助けることができるのはファイル jsFiddle Hereです

ここに画像の説明を入力 ここに画像の説明を入力

 .limit {
height:300px;
width:500px;
background-color:red;
overflow: scroll;
/*overflow: hidden;*/
overflow-x: hidden;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6x;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6x;
}

事前に大歓迎です!

4

1 に答える 1

2

それはによって引き起こされます

li { ... position:relative; ... }

それを削除しliてネストされた要素(つまりli > .somediv)に適用し、これを透明にします...境界線や背景などはありません.


更新:より良い回避策http://jsfiddle.net/YcYHd/

outline:1px transparent solidスクロール要素に追加します。

どうやらこれはバグを防ぐようです

お役に立てれば

于 2013-06-24T03:27:02.597 に答える