Solved

PNG image not displaying Safari

Posted on 2007-11-26
3
1,145 Views
Last Modified: 2013-12-25
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
Comment
Question by:Gordy1984
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 19

Accepted Solution

by:
darron_chapman earned 500 total points
ID: 20353357
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
 

Author Comment

by:Gordy1984
ID: 20353584
Thank you! I was too busy thinking it was something to do with PNG images.

0
 

Author Closing Comment

by:Gordy1984
ID: 31411081
Very quick response, couldn't have asked for more.
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

This article will inform Clients about common and important expectations from the freelancers (Experts) who are looking at your Gig.
In threads here at EE, each comment has a unique Identifier (ID). It is easy to get the full path for an ID via the right-click context menu. However, we often want to post a short link within a thread rather than the full link. This article shows a…
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

730 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question