View Full Version : Browser test: PNG rollover

12-02-2002, 07:37 AM
I'm looking to see if my external css rollover PNG button with transparent background is visible in mainly IE and NS...maybe Opera, too.

What color is behind the text?

Look here (http://geocities.com/zoobie007/png.html). :D

Already tested:
IE 6 = OK
IE 5.5 = OK
IE 5 = OK
NS 7 = OK
Opera 6 = form button

Thanks ;)

12-02-2002, 09:57 AM
Err... white? IE 5.5 on win NT, here. The rollover effect are the stars, right? By the way, i get an error on that page: "Unterminated string constant", line 4, char 251.

12-02-2002, 12:55 PM
White. A 1.3 trunk build of Mozilla.

Try doing something remotely difficult like translucency with gamma correction that really shows what PNG's can do ;).
Transparency is old :p.

12-02-2002, 03:59 PM
You could have used a gif to achieve that effect,the cool thing of png is that i can do "semi-transparent" pixels.

Mozilla has some cool dhtml demos,which show what can be done with standard compliant code:

This one is especially cool,as it shows what really cool tricks can be done using PNG.This ofcourse won't work in IE,since its support for PNG sucks:

12-02-2002, 08:31 PM
Umm...Ok :rolleyes:

How about NS6 & 7?

I guess my Irfanviewer doesn't support transparent backgrounds for PNG's.

The error is from the Geocities ad, a gif would be much larger, and I'm not interested in anything else, thanks. :p

12-02-2002, 09:07 PM
in opera 6 it just shows a form button with the word AMERICAN on it. when you mouse over it nothing happens


12-02-2002, 09:47 PM
Originally posted by zoobie
How about IE5

what happenstance, i have that here at work.
it looks fine

12-02-2002, 10:07 PM
Is there yellow on it? There is in my irfanviewer...:confused:


Any Nutscrapers out there? :D

12-02-2002, 11:29 PM
um, i dont know exactly what that is ( although it sounds painful)
but i do have a copy of netscape7 and it looks fine there also :)

12-03-2002, 01:50 AM

12-03-2002, 02:07 AM
I have a bunch of .png files which are mainly site plan layout type things which I always do before making a site.

That page will let you view a .png file (all have alpha layer) with the desired background.

Have fairly complex translucency and transparency others don't just select the background color for the file you want to view an presto the file is loaded with that background color.

If your browser supports it you will see it all without a gray background on the image unlike my browser.

IE 6.0 - No support for alpha layer.

12-03-2002, 03:52 AM
I think just about everyone can see it with IE and NS then.

This should have a transparent background without any yellow showing: