X
Thinta lapha ukuze uye kuveshini yamakhalekhukhwini kusayithi.

Isithangami Sabeseki

Lolu chungechunge lwabekwa kunqolobane. Uyacelwa ubuze umbuzo omusha uma udinga usizo.

Colour in Firefox is different than in Chrome

Kuphostiwe

I have created a website using Firefox as my browser, and tested it on all platforms and using laptop, phone, ipad. I'm seeing that the logo I created and one of the images which look good on Firefox are greyscale in Chrome and Safari. All the other colours look good and I'm at a loss. If it was all of them, I could understand, but it's not. I suspect this is a common query, and I'm sorry to bother you with this because I'm going round in circles on the support forums and everywhere. Here is the URL - it's still in test but I've taken maintenance down so you can see if you use another browser. This is the first website I've built so it's not something I've come across before http://www.thenorthwestvahub.co.uk/ Have you a suggestion please? Firefox is always my browser of choice, but unfortunately others use Chrome and Safari. Many thanks!

I have created a website using Firefox as my browser, and tested it on all platforms and using laptop, phone, ipad. I'm seeing that the logo I created and one of the images which look good on Firefox are greyscale in Chrome and Safari. All the other colours look good and I'm at a loss. If it was all of them, I could understand, but it's not. I suspect this is a common query, and I'm sorry to bother you with this because I'm going round in circles on the support forums and everywhere. Here is the URL - it's still in test but I've taken maintenance down so you can see if you use another browser. This is the first website I've built so it's not something I've come across before http://www.thenorthwestvahub.co.uk/ Have you a suggestion please? Firefox is always my browser of choice, but unfortunately others use Chrome and Safari. Many thanks!

Okulungisiwe ngu DebVA

Eminye Imininingwane Yohlelo

Fakela amapulagi

  • Adobe PDF Plug-In For Firefox and Netscape 15.16.20045
  • Google Update
  • NPRuntime Script Plug-in Library for Java(TM) Deploy
  • The plugin allows you to have a better experience with Microsoft SharePoint
  • LastPass Plugin
  • NPWLPG
  • Shockwave Flash 22.0 r0
  • Zoom launcher - 3.0.1

Isisebenziso

  • I-ejenti Engumsebenzisi: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0

Eminye Imininingwane

cor-el
  • Top 10 Contributor
  • Moderator
17416 izisombululo 157344 izimpendulo
Kuphostiwe

Can you attach a screenshot to show the difference?

  • use a compressed image type like PNG or JPG to save the screenshot
  • make sure you do not exceed the maximum size of 1 MB
Can you attach a screenshot to show the difference? *https://en.wikipedia.org/wiki/Screenshot *https://support.mozilla.org/kb/how-do-i-create-screenshot-my-problem *use a compressed image type like PNG or JPG to save the screenshot *make sure you do not exceed the maximum size of 1 MB
jscher2000
  • Top 10 Contributor
8637 izisombululo 70648 izimpendulo
Kuphostiwe

Impendulo Ewusizo

The purple circles above the boxes, for lack of a better description?

Check out this:

<div class="et_pb_main_blurb_image"><img src="http://www.thenorthwestvahub.co.uk/wp-content/uploads/2016/04/The-North-Wst-VA-Hub-Blurb.png" alt="The North West VA Hub Logo" class="et-waypoint et_pb_animation_bottom" /></div>

File: style.css Line: 254

.et_pb_main_blurb_image { -moz-filter: grayscale(100%); -moz-transition: .5s ease-in-out; -o-filter: grayscale(100%); -o-transition: .5s ease-in-out; -webkit-filter: grayscale(100%); -webkit-transition: .5s ease-in-out; }

So the graying is intentional, but the rule isn't right for Firefox (to apply a filter in Firefox, it's just filter, not -moz-filter) so that's why you still see color in Firefox.

The purple circles above the boxes, for lack of a better description? Check out this: &lt;div '''class="et_pb_main_blurb_image"'''>&lt;img src="http://www.thenorthwestvahub''.''co''.''uk/wp-content/uploads/2016/04/The-North-Wst-VA-Hub-Blurb.png" alt="The North West VA Hub Logo" class="et-waypoint et_pb_animation_bottom" />&lt;/div> File: style.css Line: 254 '''.et_pb_main_blurb_image''' { <nowiki> -moz-filter: grayscale(100%); -moz-transition: .5s ease-in-out; -o-filter: grayscale(100%); -o-transition: .5s ease-in-out; -webkit-filter: grayscale(100%); -webkit-transition: .5s ease-in-out; }</nowiki> So the graying is intentional, but the rule isn't right for Firefox (to apply a filter in Firefox, it's just filter, not -moz-filter) so that's why you still see color in Firefox.
cor-el
  • Top 10 Contributor
  • Moderator
17416 izisombululo 157344 izimpendulo
Kuphostiwe

Isisombululo Esikhethiwe

See also: *https://developer.mozilla.org/en-US/docs/Web/CSS/filter *https://developer.mozilla.org/en-US/docs/Web/CSS/transition

Okulungisiwe ngu cor-el