我在 div 中遇到列表问题。问题是，我有一个里面有列表的 div。这限制了将显示给用户的 div 强度的数量。当超过限制时，将在该 div 内看到一个滚动条，供用户查看其他强度，该 div 在底部有一个圆 Angular 边缘(border-radius)。当我将鼠标移到最后一个元素列表上时，它消除了 div 的 border-radius 的影响。谁能帮我一个文件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;
}
非常感谢!
最佳答案
这是由于
li { ... position:relative; ... }
从 li 中删除它并将其应用于嵌套元素(即 li > .somediv)并使其透明......没有边框，背景等。
更新:更好的解决方法 http://jsfiddle.net/YcYHd/
为滚动元素添加outline:1px transparent solid
显然这似乎可以防止错误
希望对你有帮助
关于google-chrome - chrome/safari (webkit) 松散的指针交互边界半径，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17267252/