We have an optimization for tiling of 1x1 background images to do a
rect fill instead of drawing the image itself.
dave
On Nov 5, 2006, at 12:51 AM, Mike Fischer wrote:
Hi Mitz,
Am 05.11.2006 um 09:00 schrieb Mitz Pettel:
Hi Mike,
I believe this is http://bugs.webkit.org/show_bug.cgi?id=3438 —
incorrect display of transparent 1x1 PNGs.
Indeed, that looks like a hit. Thanks!
Other than using canvas, you can specify a background color with
alpha for the div, for example, style="background: rgba(255, 255,
255, 0.6)", use an opaque fill and the opacity property, or use a
PNG with bigger dimensions.
Hmm, good ideas. I'll have to check cross browser compatibility
though. (There are hacks for CANVAS in IE and transparent PNG in IE
5.5 to pre 7.0 which I'm evaluating right now. But I don't know
about transparent colors in CSS. In Firefox 2.0 the CSS rgba color
specification does not seem to work so I guess that method is out.)
The bigger PNG (1x2 Pixels) does indeed work in the released
Safari. And it's only one byte larger on disk than the 1 Pixel
version. So that is definitly a good workaround. I'd never have
expected the dimensions of an image to change the color
interpretation 8-)
Thanks!
Mike
Cheers,
-- Mitz Pettel
On Nov 5, 2006, at 9:40 AM, Mike Fischer wrote:
Sorry, I forgot to add a subject!
Am 05.11.2006 um 08:35 schrieb Mike Fischer:
Hi!
I am seeing a strange problem with transparent PNG files in the
release version of Safari/WebKit on Max OS X 10.4.8 PPC:
I created a 1 pixel PNG image with color white and an alpha
value of approx. 60%.
When I display this in an IMG tag (or as a CSS background image)
over other content the other content does not appear lighter as
expected but more gray (not really darker).
When I use a CANVAS element to draw a white fill color with 60%
alpha the background is lightened as expected.
The current nightly build does not show this problem. By
searching for bugs related to PNG on <http://bugs.webkit.org> I
couldn't find anything relevant. Also Firefox 1.5.0.7+, Opera
9.02 and OmniWeb 5.5.1 show the expected color effect, i.e.
lightening the background.
OTOH using a 1 pixel PNG with color black and an alpha of 50%
works exactly as expected, i.e. darkening the background for a
shadow effect.
My questions:
a) Was there a bug in WebKit causing this that got fixed for the
current nightlies? Or is this some unintended side effect and I
need to file a new bug to ensure that this stays fixed in the
future?
b) Is there a workaround for the released version of WebKit
(419.3)? (Other than using a CANVAS element ;-)
A test page demonstrating the effect is here (the top
transparent area shows the problem):
<http://home.fi-works.de/test/test-png-alpha.html>
Note that the testing area is built using JavaScript DOM methods
in this example. It essentially builds three layers: At the
bottom some text is created. Then (DIV id:"bgc1" z.index:1) some
color areas are created and in the top layer (DIV id:"bgc2" z-
index:2) the transparent testing areas are created.
Thanks!
Mike
--
Mike Fischer Softwareentwicklung, EDV-Beratung
Schulung, Vertrieb
Web: <http://homepage.mac.com/mike_fischer/index.html>
--
Mike Fischer Softwareentwicklung, EDV-Beratung
Schulung, Vertrieb
Web: <http://homepage.mac.com/mike_fischer/index.html>
_______________________________________________
webkit-dev mailing list
webkit-dev@opendarwin.org
http://www.opendarwin.org/mailman/listinfo/webkit-dev
--
Mike Fischer Softwareentwicklung, EDV-Beratung
Schulung, Vertrieb
Address: Bundesstrasse 9, D-20146 Hamburg, Germany
Phone: +49 (0)40/45038886, Fax: +49 (0)40/45038887
_______________________________________________
webkit-dev mailing list
webkit-dev@opendarwin.org
http://www.opendarwin.org/mailman/listinfo/webkit-dev
_______________________________________________
webkit-dev mailing list
webkit-dev@opendarwin.org
http://www.opendarwin.org/mailman/listinfo/webkit-dev
