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: Mac 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
View All Add an attachment (proposed patch, testcase, etc.)

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.