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: | P2 | Keywords: | HasReduction | ||||||
Version: | 528+ (Nightly build) | ||||||||
Hardware: | Mac (Intel) | ||||||||
OS: | OS X 10.6 | ||||||||
Attachments: |
|
Created attachment 47285 [details]
Test Case showing border overlap
This bug only occurs when the border-radius is less than the border-width.
|
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;}