In a Web page I have designed Firefox refuses to show a Black swatch (gif format) but shows all the other colour swatches (gifs) whilst showing perfectly OK in Safari, Chrome and Opera.
Mac OS 10.6. firefox 7.0.1. My page is a product page and contains several colour swatches which are gifs created in Photoshop. When I open the page in Firefox everything works fine except the "black.gif" which is invisible. It works perfectly OK in all other browsers. I have repeatedly recreated and re-saved the gif but it makes no difference. I have replaced it with a photo jpg and it appears OK but if I fill the jpg with black and re-save, it disappears again!
All Replies (11)
Can you post a link to that site or that image?
Can you open that image locally in Firefox via File > Open File?
No it won't open with Firefox but it will with other browsers. So that must mean the gif file is not corrupt.
I have re-created the gif from new PSD files in case the PSD file was corrupt but that doesn't work. I have tried putting one of the other swatches in it's place and they appear fine but when I exchange it for the Black.gif it wont't show!
This is a link to the page: www.anthonykeithuniforms.co.uk/polopage/polos.html
Thanks
I currently see JPG images on that page for the colors and those work fine for me.
The GIF images show the text label for the images.
Can you attach a screenshot?
Use a compressed image type like PNG or JPG to save the screenshot and make sure that you do not exceed the maximum file size (1 MB).
Attached screenshot of how it appears to me in Firefox.
Thanks
Weird.
That image is not a GIF image, but all the images that show the colors are JPG images (at least for now).
Do you only have that problem if you show that image as a background image like on this page?
Did you try to load that image directly in the browser?
Try to reload the web page and bypass the cache.
- Press and hold Shift and left-click the Reload button.
- Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
- Press "Cmd + Shift + R" (MAC)
See also:
I build pages using a photoshop plugin called Sitegrinder. The last stage in building the page is the Contet Manager where the images are uploaded into the pictureboxes on the page. Because I'm using the Bigbox effect on these images Sitegrinder automatically produces thumbnails of the images, jpegs in this case. But the original images I created are gifs as you can see on the attached screenshots. I have also tried to open the black thumbnail jpeg also but that won't open either but the other colours do!
I have tried everything to force Firefox to show them including reloading and emptying the cache. I even downloaded a fresh version of Firefox.
Thank you for you help. I will rebuild in Sitegrinder and replace the version on the server and see if that does it.
I have no problems with that Blk.jpg image and with the pop-up lightbox if I click the image on Linux, so it is either a problem only on Mac or something else is wrong if you can't display that image if you open it directly.
It' a weird one! I'll keep trying and let you know when/if I sort it
Many Thanks
I have the exact same problem on OSX 10.5.8 (Leopard)
I've found if I make just one pixel in the image dark but not quite black it works ok.
ie with either r,g or b values >= 2 (on a 0-255 scale) and other components 0, it works.
e.g. making one pixel (seemingly anywhere in the image) with
r,g,b of (0,0,2) or (0,2,0) or (2,0,0) works
r,g,b of (0,0,1) or (0,1,0) or (1,0,0) fails (the image appears I guess as transparent).
Athraithe ag jobbu ar
holy crap. I just spent literally probably 5 or more hours trying all kinds of things to fix a similar problem. I'm using a Mac, latest Firefox 10. whatever. I've had other people look at my website and see it fine, but this was my problem, below. Good grief. How weird ... I just made the black one number greater and it worked fine. Unbelievable. Thanks for posting this!!! I've been soooo crabby!
I'm a web designer. One site I'm working on has a template using css and has a horizontally repeating gif across the top portion of the site. When I view the page, rather than seeing the gif (a black bkg) I see the image from the previous webpage I just viewed... it's loading in the space where the repeated gif should be loading. Other people do not see what I see and it looks correct to them. I've restarted, emptied cache, etc. and it does not occur on other pages. Help!
See also this bug report.
- bug 691699 - Opaque black PNGs not rendering on Macs (gets transparent/not drawn)
(please do not comment in bug reports)