Sent by Creative Technial Director on 14 June 2002 05:05
Hi, all.
Been lurking for awhile. Excellent list. I jotted down dozens of ideas
and fixes just in the past 2 months.
Anyhow, I have created a test page to show an annoying behavior in Mac
IE 5.1.
http://www.americancyb.org/css/background_test.html
On the page are 3 squares laid out sequentially, with each subsequent
square on top of the one before it.
The middle square is an HTML image with a source that is a PNG (a black
square that has 50% transparency). As expected in MacIE5 (presumably
the best PNG support on the web), the middle square shows over the
lower square. This is fine.
The square with the highest z-index (in the bottom right corner) is a
DIV with its background set in CSS using:
background-image: url(png_test3.png)
I would imagine that this would create the same effect that square 2
has, but it does not. Mac IE 5.1 chokes and produces a solid black
square (the original color of the PNG) with no transparency.
On the test page, I have included screenshots from MacIE5.1 and
MacNet6.1. FYI, Netscape 6.1 works fine and everything is lovely.
Is this a known bug in MacIE 5.1? Am I doing something wrong? Is there
a workaround?
Also, how does this test page look in other browsers?
Thanks in advance for your help,
-Mikhail
__________________________________________________
Do You Yahoo!?
Everything you'll ever need on one web page
from News and Sport to Email and Music Charts
http://uk.my.yahoo.com