View URL for demonstration. When top, right, bottom & left borders of an element have different colors, at each corner, they cut along the 45 degree angle and bevel next to each other.
When using RGBa color values, which is going to be available in CSS3, like-colored edges "overlap" on corners instead of bevel.
*** Bug 23632 has been marked as a duplicate of this bug. ***
I suppose the odd behaviour I ran into here:
(most noticeable in the enlarged bottom border)
is the same?
Yep, that looks like the rgba() issue.
data:text/html,<div style="width:0;border:16px solid rgba(0,0,0,0.3);-webkit-border-radius:5px"></div>
Oh, and is this really a minor?
I mean, right now the only impact is my borders look a rather ugly in Safari and Chrome, but still, they *do* look ugly.
I guess I'm just moderately concerned since it looks like this was filed a year and a half ago. Another year and a half of ugly borders in 10% or so of the browsers out there would be a little unfortunate.
And, yes, they look plain in IE, I know. But boss is fine with that, and at least they don't have weird patterns in 'em.
*** Bug 31776 has been marked as a duplicate of this bug. ***
See also bug 9197, bug 19651.
We're aware of this. It's more than minor.
Created attachment 47492 [details]
Test case that makes the problem more obvious
I'll add some notes in here in case someone takes this bug before I find time to do so (won't be for a few months probably).
I imagine this bug will be fixed when #9197 and #19651 are resolved but I'll leave it open for now as it makes the other two occur more often and in a more likely case.
*** Bug 36103 has been marked as a duplicate of this bug. ***
*** Bug 39591 has been marked as a duplicate of this bug. ***
*** Bug 60363 has been marked as a duplicate of this bug. ***