Alan Gresley says "WebKit nightly r89006 does something wrong with example 2, 3 and 4."
This seems related to the background-size property. I played around with example 4 of the linked demo, which uses 'background-size: 70px 70px' for the bottom layer. I needed to increase the background-size to 108px 108px for the colors to display correctly on my machine (10.6.7, r89131).
Could you attach a simple testcase?
Created attachment 97687 [details] test case (In reply to comment #2) > Could you attach a simple testcase? Sure, here you go: The left box uses the bottom layer of example 4 in the demo. The right box uses the smallest possible background-size that displays the colors correctly on my machine I replaced 'transparent' with 'red' as a color value, just to make sure I saw the correct thing (and that the black seen in demo wasn't something related to the 'transparent' color in particular). Expected result: both boxes show red/silver strip Actual result: the left box shows black/silver strip
I think this is an underlying Core Graphics bug: <rdar://problem/8814089>
I am unable to reproduce this bug in Safari 15.6 on macOS 12.5 and there is no 'black / silver strip' in left box and it matches with all other browsers. I think it was fixed along the way and this can be marked as "RESOLVED CONFIGURATION CHANGED". Thanks!
Yes, the CoreGraphics issue got fixed back in 2011.