html - border-radius on a scrolling element -
When you have a scroll div with border-radius eclipse divs or do not respect this threshold radius. For example, the problem is showing the problem:
.scrollable {overflow: auto; Overflow-y: overlay; -Widk-overflow-scrolling: touch; Webkit-Conversions: Translation 3D (0, 0, 0); Height: 400 pixels; Width: 200px; Background color: blue; Limit-Radius: .5 AM; } .content {height: 500px; Width: 200px; }. Content top {status: complete; Top: 0; Height: 50px; Width: 200px; Background color: red; }
Instead of the parents' bullets, the red field is showing sharp corners, is there any way around this?
.content-top {/ * status: complete; * / Head: 0; Height: 50px; Width: 200px; Background color: red; }
The 'Status: Absolute' commenting on .content-top element fixes the problem.
Comments
Post a Comment