[Webkit-unassigned] [Bug 118894] New: [CSS blending] Background-blend-mode doesn't apply for an SVG image with css border-style or padding property set

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Fri Jul 19 02:10:39 PDT 2013


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

           Summary: [CSS blending] Background-blend-mode doesn't apply for
                    an SVG image with css border-style or padding property
                    set
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Unspecified
        OS/Version: Unspecified
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: mbudaes at adobe.com
                CC: WebkitBugTracker at adobe.com


Created an attachment (id=207072)
 --> (https://bugs.webkit.org/attachment.cgi?id=207072&action=review)
Sample file

Setting a border-style or padding property for a div with an SVG background image results in background-blending not being applied.

Sample code:

<style>
div { 
    border: 5px navy;
    border-style: dotted double;
    padding: 8.5px;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDEwMCAxMDAiPgogIDxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjQwIiBmaWxsPSJyZWQiLz4KPC9zdmc+'), green;
       width: 200px;
      height: 200px;
}
</style>
<div style="-webkit-background-blend-mode: screen;"></div>

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



More information about the webkit-unassigned mailing list