Dark alpha PNGs in Safari 2

27 Sep 2005

Here’s a weird one, and it only affects Safari 2 (Tiger), not even Safari 1.3 or earlier, or Omniweb (using the earlier rendering engine).

If you look at my ‘contact section’, or my live search function, I use an alpha png in the background to overlay a transparent white tint over the header image. In every other browser (except IE of course, which just gets a white background) this works just as I expect it to, but not in Safari 2. The effect is transparent grey – not white. Richard Rutter was kind enough to check in Safari 1.3 for me, and the png shows up fine.

Apart from Paul Haine, I couldn’t find anyone else that was experiencing this problem.

After a lot of experimentation however, it turned out that Safari just needs the repeating image to be at least 2px square, not 1px.

Here’s a comparison:

Screenshot of before, using a 1px square png, and after, using 2px

I hope this is useful to someone else, who may have come across this problem.

Recent Posts

Troika #33: Endings

18 Feb 2019

Identity Design discussion on Elastic Brand podcast

23 Jan 2019

Using the iPad Pro as my main computer

07 Jan 2019

Hicks' top albums of 2018

22 Dec 2018

Hicks Studio Clearout!

17 Dec 2018

New Identity for iHasco

13 Nov 2018

Leigh and Jon did Inktober

01 Nov 2018

We are Oxvik

15 Oct 2018

The Hicks Logowall

05 Oct 2018

Instagram Hickstagram

  • 14 Mar 2019

  • 12 Mar 2019

  • 10 Mar 2019

  • 03 Mar 2019

  • 02 Mar 2019

  • 25 Feb 2019

  • 24 Feb 2019

  • 24 Feb 2019

  • 23 Feb 2019

  • 18 Feb 2019

Contact us

Call Jon on +44 (0)7917 391536, email or tweet @hicksdesign.

Alternatively, pop in for tea and cake at the studio…

Hicks
Wenrisc House
Meadow Court
Witney, OX28 6ER
United Kingdom