?
Solved

PNG image not displaying Safari

Posted on 2007-11-26
3
Medium Priority
?
1,165 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 2000 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

Optimize your web performance

What's in the eBook?
- Full list of reasons for poor performance
- Ultimate measures to speed things up
- Primary web monitoring types
- KPIs you should be monitoring in order to increase your ROI

Question has a verified solution.

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

FAQ pages provide a simple way for you to supply and for customers to find answers to the most common questions about your company. Here are six reasons why your company website should have a FAQ page
Originally, this post was published on Monitis Blog, you can check it here . It goes without saying that technology has transformed society and the very nature of how we live, work, and communicate in ways that would’ve been incomprehensible 5 ye…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Suggested Courses

770 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