WebKit Bugzilla
New
Browse
Log In
×
Sign in with GitHub
or
Remember my login
Create Account
·
Forgot Password
Forgotten password account recovery
RESOLVED CONFIGURATION CHANGED
61587
Ugly border rendering with background-clip and border-radius
https://bugs.webkit.org/show_bug.cgi?id=61587
Summary
Ugly border rendering with background-clip and border-radius
Simon Fraser (smfr)
Reported
2011-05-26 17:06:48 PDT
Created
attachment 95082
[details]
Testcase WebKit has incorrect rendering of rounded, transparent borders if the element has -webkit-background-clip: content-box. See testcase.
Attachments
Testcase
(342 bytes, text/html)
2011-05-26 17:06 PDT
,
Simon Fraser (smfr)
no flags
Details
View All
Add attachment
proposed patch, testcase, etc.
Simon Fraser (smfr)
Comment 1
2011-05-26 17:11:27 PDT
It's not obvious from
http://www.w3.org/TR/css3-background/
that background-clip: content-box; should cause the background to get clipped to a non-rectangular area, but Firefox does it.
Ahmad Saleem
Comment 2
2022-09-02 14:27:40 PDT
I updated this test case by removing -webkit- prefixes: Link -
https://jsfiddle.net/hkoq0v24/show
I am not able to find differences between all browsers (Chrome Canary 107, Firefox Nightly 106 and STP 152). Appreciate if someone can confirm whether it is reproducible for them or not? Thanks!
Alexey Proskuryakov
Comment 3
2022-09-02 18:26:41 PDT
Not sure who changed, but identical results from all browsers strongly suggest that there is nothing to do here.
Note
You need to
log in
before you can comment on or make changes to this bug.
Top of Page
Format For Printing
XML
Clone This Bug