RESOLVED DUPLICATE of bug 23166 47579
Background-clip + border-radius don't behave properly together 
https://bugs.webkit.org/show_bug.cgi?id=47579
Summary Background-clip + border-radius don't behave properly together
Faruk Ates
Reported 2010-10-13 01:46:37 PDT
With a border-radius set, background-clip: padding-box; does not properly adhere to curving the padding box radius, which becomes a visual problem when combining it with (semi or fully) transparent borders. See test case (linked). There's also this post that explains the issue in some more detail, highlighting parts of the spec that are relevant (and which Webkit's behavior, IMO, contradicts / does not adhere to).
Attachments
Add attachment proposed patch, testcase, etc.
Stephanie (Sullivan) Rewis
Comment 1 2010-10-13 10:31:10 PDT
A more thorough explanation of the bug is here: http://stefsullrewis.tumblr.com/post/1303111216/inner-border-content-or-padding-edge-quirk-in-webkit
BrianMB
Comment 2 2011-02-04 16:31:12 PST
I have logged this in great detail on Chromium's bugtracker: http://code.google.com/p/chromium/issues/detail?id=72014
BrianMB
Comment 3 2011-02-04 16:32:12 PST
(In reply to comment #2) > I have logged this in great detail on Chromium's bugtracker: > > http://code.google.com/p/chromium/issues/detail?id=72014 It includes screenshots. Firefox 4 renders correctly.
Lea Verou
Comment 4 2011-03-17 01:28:10 PDT
This looks like a duplicate of this bug https://bugs.webkit.org/show_bug.cgi?id=23166 albeit with a better description & testcase.
Simon Fraser (smfr)
Comment 5 2011-03-17 10:29:18 PDT
*** This bug has been marked as a duplicate of bug 23166 ***
Note You need to log in before you can comment on or make changes to this bug.