Transparent PNGs in DIV background broken in Safari 1.0?

Discussion in 'Web Design and Development' started by Makosuke, Sep 21, 2006.

  1. Makosuke macrumors 603

    Joined:
    Aug 15, 2001
    Location:
    The Cool Part of CA, USA
    #1
    I just finished a new site layout, and for the heck of it I used a 10X10 grey PNG with an alpha transparency of about 50% for the background of a DIV. I figured that in good browsers, you can see the background image through it, which looks neat, and in bad browsers with no alpha channel support, it just looks grey, which is fine too.

    Tested it in all the standards: Safari under 10.4, latest safari under 10.3, Camino, Firefox, Opera, IE7,6,5, IE5 Mac, even iCab. No probs--either transparent, or flat grey (or nothing at all, in the case of IE5 Mac, which is ok too).

    ...except for the heck of it I downloaded a standalone Safari 1.0 from Multi-Safari to see how it would look to folks on 10.2, and the box displays with a MUCH darker transparent grey background, and the text has turned into black blocks. Can't read it unless you highlight the text, and it looks rather ugly.

    Is anybody familiar with why Safari 1.0 might be doing this, and if there's a workaround?

    Site is, the box is right there at the top of the page:

    http://animeworld.com/

    (Edit: Oh, and of course both the CSS and XHTML1.0 Transitional validate; it'd be strict if it weren't for the Google searchbox.)
     
  2. gammamonk macrumors 6502a

    gammamonk

    Joined:
    Jun 4, 2004
    Location:
    Madison, WI
    #2
    The site looks good to me. I wouldn't even worry about the Safari 1.0 issue. I doubt many Anime users have outdated OSX and an outdated browser.
     
  3. Makosuke thread starter macrumors 603

    Joined:
    Aug 15, 2001
    Location:
    The Cool Part of CA, USA
    #3
    Thank you for the comment, and while you're correct from a statistical standpoint, the useage isn't quite zero--I still see 50 pageviews a month or so from that browser. Yes, that's only like .02%, and it's significantly less than the number of Netscape 4 hits I see (who I'm feeding a TOTALLY bland page with no CSS at all), but I'm a Mac user, and I want to be kind to the handful of folks stuck on 10.2 and still holding on to that old version of Safari--it otherwise seems to work fine. I figure if I went out of my way to add some CSS3 shadow effects that are ONLY supported by Safari, I could take a moment to be kind to those really early users, too.

    I just wish I knew if this was a bug that can be worked around, or if any transparent PNG background is going to do it. I'd read about what sounded like the same issue in one forum post somewhere and that indicated that there were some PNGs that didn't do this, but offered no suggestion as to what the difference was.

    Shoot.
     
  4. Makosuke thread starter macrumors 603

    Joined:
    Aug 15, 2001
    Location:
    The Cool Part of CA, USA
    #4

Share This Page