[Webkit-unassigned] [Bug 97294] New: Radial Gradient issue when body's position is absolute

[bugzilla-daemon at webkit.org]

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

           Summary: Radial Gradient issue when body's position is absolute
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Other
        OS/Version: Windows 7
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P4
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: deveedutta at gmail.com


body#app_splash {
    background:url(../images/glass.png), -webkit-gradient(radial, center center, 0, center center, 123, color-stop(0%, rgba(239, 248, 255, 0.7)), color-stop(20%, rgba(255, 255, 255, 0.59)), color-stop(100%, rgba(255, 255, 255, 0))),#99CDF4;
    background:url(../images/glass.png), -webkit-radial-gradient(center center, circle contain, rgba(239, 248, 255, 0.7) 0%, rgba(255, 255, 255, 0.59) 15%,rgba(255, 255, 255, 0.1) 70%, rgba(255, 255, 255, 0) 100%),#99CDF4;
    background-position: right top, 0 0;
    background-repeat:no-repeat;
    text-align:center;
     font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    color:#fff;
    /*position:absolute;top:0; left:0; bottom:0; right:0;*/
    margin:0;
    padding:0;
    border:0;
    line-height:1;
    text-rendering:optimizeLegibility;
}

If you un-comment the "position:absolute;top:0; left:0; bottom:0; right:0;" portion, the radial gradient disappears.
Initially I assumed it to be an issue with the position, but later it became convincing that it is a bug.

glass.png is a 700x400px semi-transparent PNG image, used to render a glass-shine in the page.

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