Prohledat stránky podpory

Vyhněte se podvodům. Za účelem poskytnutí podpory vás nikdy nežádáme, abyste zavolali nebo poslali SMS na nějaké telefonní číslo nebo abyste sdělili své osobní údaje. Jakékoliv podezřelé chování nám prosím nahlaste pomocí odkazu „Nahlásit zneužití“.

Zjistit více

My website's CSS is interpreted differently (in Firefox only) after v.47

more options

Hello, Can anyone help me figure out what might be causing almost all of my pages text to appear white on white background. We have made no changes to the website CSS or code. It's been going on since Firefox v.47 was released earlier year. The website text is fine in all other browsers (IE, Chrome, Edge)

URLs for replication: http://okeania.bg/%D0%9F%D0%BE%D1%87%D0%B8%D0%B2%D0%BA%D0%B0-%D0%B2-%D0%9A%D0%BE%D1%81%D1%82%D0%B0-%D0%B4%D0%B5%D0%BB-%D0%A1%D0%BE%D0%BB-135.html

http://okeania.bg/%D0%9F%D0%BE%D1%87%D0%B8%D0%B2%D0%BA%D0%B0-%D0%B2-%D0%91%D0%BE%D0%B4%D1%80%D1%83%D0%BC-148.html

http://okeania.bg/%D0%9F%D0%BE%D1%87%D0%B8%D0%B2%D0%BA%D0%B0-%D0%B2-%D0%9C%D0%B0%D0%BB%D1%82%D0%B0,-%D0%92%D0%B0%D0%BB%D0%B5%D1%82%D0%B0-131.html

Hello, Can anyone help me figure out what might be causing almost all of my pages text to appear white on white background. We have made no changes to the website CSS or code. It's been going on since Firefox v.47 was released earlier year. The website text is fine in all other browsers (IE, Chrome, Edge) URLs for replication: http://okeania.bg/%D0%9F%D0%BE%D1%87%D0%B8%D0%B2%D0%BA%D0%B0-%D0%B2-%D0%9A%D0%BE%D1%81%D1%82%D0%B0-%D0%B4%D0%B5%D0%BB-%D0%A1%D0%BE%D0%BB-135.html http://okeania.bg/%D0%9F%D0%BE%D1%87%D0%B8%D0%B2%D0%BA%D0%B0-%D0%B2-%D0%91%D0%BE%D0%B4%D1%80%D1%83%D0%BC-148.html http://okeania.bg/%D0%9F%D0%BE%D1%87%D0%B8%D0%B2%D0%BA%D0%B0-%D0%B2-%D0%9C%D0%B0%D0%BB%D1%82%D0%B0,-%D0%92%D0%B0%D0%BB%D0%B5%D1%82%D0%B0-131.html

Zvolené řešení

On line 121 of this file:

http://okeania.bg/css/bootstrap.css

You have:

color:#0000;

Traditionally, black is indicated using either:

color:#000;
color:#000000;

Prior to Firefox 49, Firefox would have disregarded the four digit value as an illegal value. Starting in Firefox 49, it interprets the fourth digit as the "alpha" or "opacity" of the color indicated by the first three digits. So #0000 is equivalent to black at 0% opacity (completely transparent).

https://developer.mozilla.org/docs/Web/CSS/color_value#rgba()

I suggest changing it back to #000 rather than trying to figure out the rules of different browsers on this...

Přečíst dotaz v kontextu 👍 1

Všechny odpovědi (3)

more options

Sorry but I do not have the knowledge to answer this fully, but perhaps some of this information is of help:

First indications are that you may be correct as I tested with Fx45.5.1 esr and see apparently the correct rendering whereas in a working Firefox profile on Release Fx50 it is presumably white on white as I do not see a lot of the text. I am not a web designer and so I do not understand what is actually happening.

Does using the built in Inspector to look at the rules of highlighted areas help you determine what is happening ?

And the release related notes may give a clue about relevant Firefox changes

more options

Zvolené řešení

On line 121 of this file:

http://okeania.bg/css/bootstrap.css

You have:

color:#0000;

Traditionally, black is indicated using either:

color:#000;
color:#000000;

Prior to Firefox 49, Firefox would have disregarded the four digit value as an illegal value. Starting in Firefox 49, it interprets the fourth digit as the "alpha" or "opacity" of the color indicated by the first three digits. So #0000 is equivalent to black at 0% opacity (completely transparent).

https://developer.mozilla.org/docs/Web/CSS/color_value#rgba()

I suggest changing it back to #000 rather than trying to figure out the rules of different browsers on this...

more options

Or possibly a script is supposed is supposed to be used with that style rule to "fade in" the transparent text and the script isn't running or isn't working correctly in Firefox 50.