Bug 31776

Summary:

using rgba for the color of a rounded border looks odd

Product:

WebKit

Reporter:

Joel <joel.oliveira>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED DUPLICATE

Severity:

Minor

CC:

darwin, mitz, simon.fraser

Priority:

Keywords:

HasReduction

Version:

528+ (Nightly build)

Hardware:

Mac (Intel)

OS:

OS X 10.6

Attachments:

Description	Flags
thumbnails with borders, second bordered image has color set w/RGBA	none
Test Case showing border overlap	none

Joel

Reported 2009-11-21 16:33:18 PST

Created attachment 43663 [details] thumbnails with borders, second bordered image has color set w/RGBA It seems like there's an overlap or something for the radius'd borders. See attached image. the thumbnail on the right has this css applied to it: .category-work #thumbnails li { display:block; float:left; border:solid 15px rgba(0,164,201,.3); margin-right:10px; -moz-border-radius:3px; -webkit-border-radius:3px;}

Attachments
thumbnails with borders, second bordered image has color set w/RGBA (30.82 KB, image/png) 2009-11-21 16:33 PST, Joel	no flags	Details
Test Case showing border overlap (270 bytes, text/html) 2010-01-23 18:41 PST, Alex Taylor	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Alex Taylor

Comment 1 2010-01-23 18:41:16 PST

Created attachment 47285 [details] Test Case showing border overlap This bug only occurs when the border-radius is less than the border-width.

Simon Fraser (smfr)

Comment 2 2010-01-26 11:08:24 PST

*** This bug has been marked as a duplicate of bug 21835 ***

Note You need to log in before you can comment on or make changes to this bug.