skip to Main Content

I have an issue where color is shown differently in FireFox, compared to Chrome and IE. And i have no idea how come.
What would you do in my situation to get the same color displayed in all the browsers?
See http://www.inoplay.dk/
The top v-sign background is another blue (in FireFox), compared to the rest of the header, even though i selected exact same color in photoshop.
I have limited possibilities to edit the theme/template in PrestaShop, so simple CSS solution all i can do.

Any suggestions is greatly appreciated.

2

Answers


  1. Try saving the image in jpg format. i hope it should solve the issue

    Login or Signup to reply.
  2. There are a few things that affect how these images render against HTML hex color codes.

    1. It could vary whether or not each browser is using hardware acceleration which would affect how colors are rendered

    2. The compression of the JPEG can sometimes cause color shifting

    3. Make sure all your web images are in RGB color space/profile

    SUGGESTION: the easiest way to get around this is to create your menu element as .PNG – PNG allows you to have a transparent background. This way you won’t need to try to match the blue with code. It will just be transparent.

    https://en.wikipedia.org/wiki/Portable_Network_Graphics

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search