RESOLVED CONFIGURATION CHANGED 45842
Backgrounds drawn in css will overlap the border element. 
https://bugs.webkit.org/show_bug.cgi?id=45842
Summary Backgrounds drawn in css will overlap the border element.
Mafoo
Reported 2010-09-15 15:30:13 PDT
The background will be drawn past the boarder element. See code below for example. <html> <head> <style> body{ background: #000; } .roundedWithBorder { color: #000; background: #FFF; padding: 4px; border: 1px solid #000; -webkit-border-radius: 7px; } </style> </head> <body> <span class="roundedWithBorder">Borders!</span> </body> </html>
Attachments
An html file demonstrating the badly drawn rounded border corners (385 bytes, text/html)
2011-02-16 23:00 PST, Mafoo 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Mafoo
Comment 1 2011-02-16 23:00:20 PST
Created attachment 82758 [details] An html file demonstrating the badly drawn rounded border corners An html file demonstrating the badly drawn rounded border, drawn using css '-webkit-border-radius:'. The corners will display the background colour of the element beyond the border of the element.
Brent Fulgham
Comment 2 2022-07-12 13:37:21 PDT
Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue.
Note You need to log in before you can comment on or make changes to this bug.