Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Safari Rendering image background black on load

I'm currently working on a website and having an issue with Safari. When loading an image there is a black background that is placed as a stand in. I would rather this be transparent or white, but I can't seem to figure it out. Check it out:

http://blazing-ocean-6482.herokuapp.com/

I've made html and body have background-color:white; but this doesn't seem to have changed the issue.

like image 222
captDaylight Avatar asked Apr 05 '12 15:04

captDaylight


2 Answers

Just save the PNG image with interlaced option

like image 93
Mikhail Avatar answered Oct 08 '22 18:10

Mikhail


I had the same problem in safari 6. My image was in grayscale color space. I switched it to rgb and the problem disappeared. Try to check your images color space settings!

like image 40
Stefano Avatar answered Oct 08 '22 18:10

Stefano