36103 2010-03-14 20:27:10 -0700 Using RGBa for border when box background is a gradient gives uneven coloring 2011-02-25 08:36:58 -0800 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) Mac (Intel) OS X 10.6 RESOLVED DUPLICATE 21835 http://oli-studio.com/bugs/browser/rgba-border-gradient-bg.html P2 Normal --- 0 webkit.org webkit-unassigned phiw2 simon.fraser oldest_to_newest 199533 0 webkit.org 2010-03-14 20:27:10 -0700 an alpha-transparent border should be applied uniformly even when the object’s background is a gradient. In Webkit the top and bottom borders are alpha-transparency of the parent object, but the left and right borders are alpha-transparency of the object’s gradient background. 199534 1 webkit.org 2010-03-14 20:28:37 -0700 It seems there are a bunch of border issues, with this bug being an overview of many of them: https://bugs.webkit.org/show_bug.cgi?id=21835 199566 2 phiw2 2010-03-15 00:35:04 -0700 Fx 3.6/ Gecko 1.9.2 is fairly buggy in this, still (in short, rendering of the linked testcase is incorrect as well - the gradient should repeat into the border edge and affect the color of the border). That is fixed on Gecko trunk. See https://bugzilla.mozilla.org/show_bug.cgi?id=538909 199569 3 50689 phiw2 2010-03-15 00:55:41 -0700 Created attachment 50689 test case Note also that the linked test case doesn't apply the same gradient for Gecko and WebKit (the WebKit gradient has repeat-x, the Gecko one has 'repeat' - the default). Attached testcase corrects this (and the rendering is identical in Gecko 1.9.3a latest nightly and WebKit latest nightly, with the exception of the corners. 199607 4 webkit.org 2010-03-15 04:28:16 -0700 Thanks for adding the extra information Philippe, and for uploading a corrected test case. I’ve also added repeat-x to my test case 357937 5 simon.fraser 2011-02-25 08:36:58 -0800 *** This bug has been marked as a duplicate of bug 21835 *** 50689 2010-03-15 00:55:41 -0700 2010-03-15 00:55:41 -0700 test case tx-wb36103.html text/html 849 phiw2 PCFkb2N0eXBlIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KPGhlYWQ+CjxtZXRhIGNoYXJzZXQ9InV0 Zi04Ij4KPHRpdGxlPnRlc3Q6PC90aXRsZT4KCgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgpodG1s IHsKCWZvbnQtZmFtaWx5OiAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOwoJbWFyZ2luOiAw OwoJYmFja2dyb3VuZDogcmdiKDI0NSwyNDUsMjQ1KS8qIHVybCguLi9faW1nL2dyaWQyYS5wbmcp IDEwcHggMTBweCovOwoJY29sb3I6IHJnYigxMCwxMCwxMCk7Cn0KCgpidXR0b24gewoJYm9yZGVy OiAxMHB4IHNvbGlkIHJnYmEoMCwwLDAsLjUpOwoJcGFkZGluZzogMzBweDsKfQoucm91bmQsIC5u b3JtYWwgewoJYmFja2dyb3VuZDogLXdlYmtpdC1ncmFkaWVudChsaW5lYXIsIDAlIDAlLCAwJSAx MDAlLCBmcm9tKCNjY2MpLCB0bygjMzMzKSkgcmVwZWF0LXg7CgliYWNrZ3JvdW5kOiAtbW96LWxp bmVhci1ncmFkaWVudCh0b3AsICNjY2MsICMzMzMpIHJlcGVhdC14Owp9Ci5yb3VuZCB7Cgktd2Vi a2l0LWJvcmRlci1yYWRpdXM6IDEycHg7CgktbW96LWJvcmRlci1yYWRpdXM6IDEycHg7Cglib3Jk ZXItcmFkaXVzOiAxMnB4Owp9CgoKPC9zdHlsZT4KPCEtLWh0dHBzOi8vYnVncy53ZWJraXQub3Jn L3Nob3dfYnVnLmNnaT9pZD0zNjEwMy0tPgo8L2hlYWQ+Cgo8Ym9keT4KCjxidXR0b24gY2xhc3M9 InJvdW5kIj5Sb3VuZCBjb3JuZXJzICsgZ3JhZGllbnQ8L2J1dHRvbj4KCjxidXR0b24gY2xhc3M9 Im5vcm1hbCI+Tm9ybWFsIGNvcm5lcnMgKyBncmFkaWVudDwvYnV0dG9uPgoKPGJ1dHRvbiBjbGFz cz0iZmxhdCI+RmxhdCBiYWNrZ3JvdW5kPC9idXR0b24+CgoKPC9ib2R5Pgo8L2h0bWw+