Bug 19162

Summary: Transparent PNGs lose alpha transparency when used in border-image
Product: WebKit Reporter: David Zulaica <zulaica>
Component: New BugsAssignee: Nobody <webkit-unassigned>
Status: RESOLVED INVALID    
Severity: Normal CC: mrowe
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Mac   
OS: OS X 10.5   
URL: http://synaptictransmission.org/tests/border-image-test.html
Attachments:
Description Flags
HTML/CSS Reduction
none
PNG file for HTML/CSS Reduction
none
Optional Background PNG for HTML/CSS Reduction none

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.