Bug 19162 - Transparent PNGs lose alpha transparency when used in border-image
Summary: Transparent PNGs lose alpha transparency when used in border-image
Status: RESOLVED INVALID
Alias: None
Product: WebKit
Classification: Unclassified
Component: New Bugs (show other bugs)
Version: 528+ (Nightly build)
Hardware: Macintosh OS X 10.5
: P2 Normal
Assignee: Nobody
URL: http://synaptictransmission.org/tests...
Keywords:
Depends on:
Blocks:
 
Reported: 2008-05-20 16:49 PDT by David Zulaica
Modified: 2008-05-20 20:21 PDT (History)
1 user (show)

See Also:


Attachments
HTML/CSS Reduction (1.10 KB, text/html)
2008-05-20 16:54 PDT, David Zulaica
no flags Details
PNG file for HTML/CSS Reduction (3.60 KB, image/png)
2008-05-20 16:54 PDT, David Zulaica
no flags Details
Optional Background PNG for HTML/CSS Reduction (6.08 KB, image/png)
2008-05-20 16:55 PDT, David Zulaica
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description David Zulaica 2008-05-20 16:49:11 PDT
Using WebKit Nightly Build r33943 (built on May 20th, 2008) on Mac OS X 10.5.2. 

Please see test case URL supplied. I applied a border-image to a DIV using -webkit-border-image, -khtml-border-image, and border-image (which isn't supported yet as far as I can tell). The PNG used for the border image has an alpha transparency (http://synaptictransmission.org/tests/img/border-image.png) which is rendered as white.

Behavior expected: PNG should retain alpha transparency.

Unable to test on other platforms.
Comment 1 David Zulaica 2008-05-20 16:54:02 PDT
Created attachment 21262 [details]
HTML/CSS Reduction

Requires attached PNG files
Comment 2 David Zulaica 2008-05-20 16:54:56 PDT
Created attachment 21263 [details]
PNG file for HTML/CSS Reduction
Comment 3 David Zulaica 2008-05-20 16:55:34 PDT
Created attachment 21264 [details]
Optional Background PNG for HTML/CSS Reduction
Comment 4 Mark Rowe (bdash) 2008-05-20 20:21:56 PDT
The alpha channel in the image *is* being respected.  The white that you're seeing is the background color of the div as specified in the CSS:

div#container	{
	background: #FFF;
}

Removing this line gives the expected result.