61587 2011-05-26 17:06:48 -0700 Ugly border rendering with background-clip and border-radius 2022-09-02 18:26:41 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) Unspecified Unspecified RESOLVED CONFIGURATION CHANGED P2 Normal --- 1 simon.fraser simon.fraser ahmad.saleem792 ap bfulgham simon.fraser zalan oldest_to_newest 411027 0 95082 simon.fraser 2011-05-26 17:06:48 -0700 Created attachment 95082 Testcase WebKit has incorrect rendering of rounded, transparent borders if the element has -webkit-background-clip: content-box. See testcase. 411032 1 simon.fraser 2011-05-26 17:11:27 -0700 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. 1895865 2 ahmad.saleem792 2022-09-02 14:27:40 -0700 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! 1895948 3 ap 2022-09-02 18:26:41 -0700 Not sure who changed, but identical results from all browsers strongly suggest that there is nothing to do here. 95082 2011-05-26 17:06:48 -0700 2011-05-26 17:06:48 -0700 Testcase background clip.html text/html 342 simon.fraser PCFET0NUWVBFIEhUTUw+CjxodG1sPgogIDxoZWFkPgogICAgPHN0eWxlIHR5cGU9InRleHQvY3Nz Ij4KICAgIC5ib3ggewogICAgICBib3JkZXItcmFkaXVzOiA1MCU7CiAgICAgIGhlaWdodDogNjBw eDsKICAgICAgd2lkdGg6IDIwMHB4OwogICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBncmVlbjsKICAg ICAgLXdlYmtpdC1iYWNrZ3JvdW5kLWNsaXA6IGNvbnRlbnQtYm94OwogICAgICBib3JkZXI6IDIw cHggc29saWQgcmdiYSgwLCAwLCAwLCAuNSk7CiAgICB9CiAgICA8L3N0eWxlPgogIDwvaGVhZD4K ICA8Ym9keT4KICAgICAgPGRpdiBjbGFzcz0iYm94Ij48L2Rpdj4KICA8L2JvZHk+CjwvaHRtbD4K