chrome/safari（webkit）在指針交互上寬鬆的邊框半徑

我正面臨div內部列表的問題。事情是，我有一個內部列表的div。這限制了用戶看來的div強度。當超出限制時，會在該div內看到一個滾動，用戶可以查看其他強度，這個div在底部有一個圓邊（邊界半徑）。當我將鼠標移動到最後項目列表上時，它將消除div的邊界半徑的影響。誰可以幫我在這裏提前非常感謝文件的jsfiddle Here chrome/safari（webkit）在指針交互上寬鬆的邊框半徑

enter image description 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; 
}

！

來源

2013-06-24 IgoR

無需添加「解決」的稱號。這不是論壇，如果通過以黃色顯示答案的數量來接受答案，則系統已經顯示。 [meta discusion]（http://meta.stackexchange.com/questions/116101/is-it-ok-to-add-solved-to-the-title-of-a-question） –

確定了。謝謝。 – IgoR

它是由

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

造成從li刪除，並將其應用到嵌套元素（即li > .somediv），使這一個透明......沒有邊框，背景等

更新：更好的解決方法http://jsfiddle.net/YcYHd/

將outline:1px transparent solid添加到滾動元素。

顯然，這似乎是防止錯誤

希望這有助於

來源

2013-06-24 03:27:02

謝謝你的時間！這是一個很好的竅門，解決了這個問題......我想沒有人會看到這個錯誤！再次感謝你，歡呼聲。 – IgoR

chrome/safari（webkit）在指針交互上寬鬆的邊框半徑

回答

相關問題