• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1188
  • Last Modified:

PNG image not displaying Safari

I have recently developed this source code. I have now got around to checking it for cross-browser compatibility. I have used www.browsercam.com and it produced the following view (http://www.gordondent.co.uk/compat/safari_view.jpg) for the following page:
http://www.gordondent.co.uk/fpp/about/?page=staff&person=alison

Basically the side image does not appear in Safari and I do not understand why. It is a PNG file that is approximately 250Kb in size. I am thinking it is something to do with the size of the image as the text header saying Alison Brazier is also a PNG.

Please can someone give me some pointers. I can't really use a jpg or gif as I need the high quality transparency that PNG-24 offers.

0
Gordy1984
Asked:
Gordy1984
  • 2
1 Solution
 
darron_chapmanCommented:
I believe the z-index: -1; is making Safari place the picture behind the background.  Remove that from #contentB #sideImage  in the style_a.css style sheet file.
#contentB #sideImage {
	position: absolute;
	top: 51px;
	left: 0;
	width: 97.775%;
	height: 296px;
	z-index: -1;
}

Open in new window

0
 
Gordy1984Author Commented:
Thank you! I was too busy thinking it was something to do with PNG images.

0
 
Gordy1984Author Commented:
Very quick response, couldn't have asked for more.
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now