[Webkit-unassigned] [Bug 23166] New: Multiple background images and border-radius

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Wed Jan 7 10:57:56 PST 2009


https://bugs.webkit.org/show_bug.cgi?id=23166

           Summary: Multiple background images and border-radius
           Product: WebKit
           Version: 525.x (Safari 3.2)
          Platform: PC
        OS/Version: Mac OS X 10.5
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P4
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: leaverou at fresset.gr


When an element has both border-radius and multiple background images, only the
last background image is rounded appropriately.

My test case:
border:3px rgba(0,0,0,0) solid;
padding:3px 10px 5px 10px;
background: url(gloss.png) top left repeat-x padding,
        #3E93B3 center top repeat-x border;
-webkit-border-radius:10px;

This was the best reduction I could come up with.

Gloss.png is a 1x10px png image filled with rgba(255,255,255,0.3)

gloss.png doesn't get rounded as it should, its corners remain sqare and
conflict with the rounded corners of the element.


-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug, or are watching the assignee.



More information about the webkit-unassigned mailing list