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

Hello, can someone help me understand what could be the cause of most of my text pages appear in white on a white background. We have made no changes to the code or the CSS Web site. Happened since Firefox v.47 came out the previous year. The text of the Web site is fine in all other browsers (IE, Chrome, Edge)

URL 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

Advertisement

At 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;

Before 49 Firefox, Firefox would be ignored as an illegal value four-digit value. From Firefox 49, it interprets the fourth digit as the "alpha" or "opacity" of the color indicated by the first three digits. Therefore, #0000 is equivalent to black to an opacity of 0% (completely transparent).

https://developer.Mozilla.org/docs/Web/CSS/color_value#RGBA)

I suggest to change to #000 rather than trying to understand the rules of different browsers on this...

Tags: Firefox

Similar Questions

  • Asset Animate edge load latest on Firefox - only after loading all images to a slide show created by Muse

    This can take some time as the images are quite large. Is there a script I can integrate to the immobilization of the iframe load immediately?

    Surely, you can set what or what item to load first on the page based on load events, not exactly Muse, but after export, add your own code to achieve this.

    Thank you

    Sanjit

  • All of a sudden, the Yahoo homepage is different with Firefox. How to bring back the old home page? I prefer the one that is always displayed on Internet Explorer

    All of a sudden, the Yahoo homepage is different with Firefox. How to bring back the old home page? I prefer the one that is always displayed on Internet Explorer. I deleted Firefox and re-installed but the rest of the problem. Help, please.

    Well, it's a problem in your Firefox. To me this https://www.yahoo.com/ page looks like the screenshot of IE.

    Many issues of the site can be caused by corrupted cookies or cache. To try to solve these problems, the first step is to clear cookies and cache.
    Note: This will be you temporarily disconnect all sites, you're connected to.
    To clear the cache and cookies to do the following:

    1. Click the menu button

      , choose historic, then on clear recent history...

    2. Under "Time range to clear", select "all".
    3. Now, click the arrow next to details to toggle the active details list.
    4. In the list of details, see the Cache and Cookies and uncheck everything.
    5. Now click the clear now button.

    More information can be found in article to clear your cache, history, and other personal information in Firefox .

    This solve your problems? Please report to us!

  • Unwanted links set up websites on firefox only.

    Unwanted links in place of sites seen on Firefox only.
    I want to send you screen shot
    my email is [email protected]
    Thank you
    Alex

    If the problem is with double underlined the words that lead to bubbles of advertising, this may indicate an unwanted extension.

    Try turning off all non-essential or unrecognized modules on this tab:

    Firefox orange (or the Tools menu) button > addons > Extensions category

    Typically, a link will appear above at least an extension disabled to restart Firefox. You can complete your work on the tab and click one of the links in the last step.

    Does make a difference?

  • Geolocation has stopped working in Firefox 24 after update (Win7 64). Downgraded to FF 23.0.1 solved the problem. Even with the other installation of FF to another PC.

    Visit this page: https://developers.google.com/maps/documentation/javascript/examples/map-geolocation or any other website using geolocation to track my location shows a blank map and no prompt "share location: allow, block, not now."

    This has happened since upgrading to FF 24 (Office Win7 64). Decommissioning of FF 23.0.1, solves the problem: FF before 24 supports geolocation without problem. Tried in my desktop and laptop with separate FF, using different plugins installations.

    Thank you in advance.

    [NOTE: now using Firefox 23.0.1, the problem does occur only after upgrading to Firefox 24]

    Uninstalling Firefox completely from my laptop and install it again, solved the problem.

    I have not yet tried with my office.

    The laptop uses whereas the ethernet office wifi. The problem exists in the installation of the laptop FF 24 too, so I don't think it was the root of the problem, at least in my case.

  • No sound in firefox only

    Firefox will not play sounds at all, not youtube or tumblr or whatever it is, while the other browsers, windows system play sounds very well, it's just firefox that doesn't, and it happened all of a sudden. I tried to restart my laptop several times with no results.

    Edit:

    I checked the firefox manually updates and installed the last of them. I uninstalled and then reinstalled the latest adobe flash player v.

    Don't have the noise problem in firefox only.

    Problem solved. For anyone who is interested or has the same problem, I tried a lot of things, but what works for me is the following:

    Go to Device Manager and go in the outputs and Audio inputs and uninstall everything underneath.
    Go to sound, video and game controllers and uninstall everything underneath.
    Click Action , and then click find the hardware changes. Windows will reinstall a new copy for each.

    I'm not an expert, try this at your own risk.

  • When I open Firefox only black appears

    When I open firefox only black screen and menu or anything wear.
    I uninstall firefox and re install. But still the same problem.
    Help, please

    Get a black screen after updating to Firefox 33 can be caused by a problem with hardware acceleration in Firefox.
    You can check if there is an update for your graphics display driver.

    You can use one of them to start Firefox in Safe Mode:

    • On Windows, hold down the SHIFT key while starting Firefox with a double click on the shortcut to the desktop Firefox

    You can try to disable hardware acceleration in Firefox.

    • Tools > Options > advanced > General > Browsing: "use hardware acceleration when available.

    You will need to close and restart Firefox after enabling/disabling this setting.

  • I cannot install extensions, they appear with "will be installed after you restart Firefox" even after that I restarted.

    Hello

    I cannot install extensions, they appear with "will be installed after you restart Firefox" even after that I restarted.

    The 'Intermediary' folder is present and rest after a restart, but the extensions do not get installed. They show in the extensions page with the message "will be installed after you restart Firefox" and remain like that, no matter how many times I restart.

    Any idea?

    Under Firefox 24.0 Windows 8.1

    Thank you very much
    BD

    P.S. Just tried to install the add-on "convenience store" before asking the question and I got an error saying that it cannot install because it cannot change the necessary file. (I did manually instead)

    I tried to delete the files extensions.* nothing works. However, I deleted the addons.sqlite file and restarted my computer (computer not only Firefox) and that seemed to do the trick. Problem solved.

    Thank you for your help, it is appreciated.

  • Loop without end of connection/re-auth in Wordpress - with Firefox only

    Hi all

    I have a problem in some installations of WP for a long time.

    In Firefox only, I am stuck in a loop of waiting/session connection timeout.

    I go to the admin... It shows me the login screen, I have the connection with a known and username working and pass, and then he comes back to the login screen again. It is continuous and I can connect often not at all.

    From time to time when I can connect as soon as I go to save a message, I get tossed back to the login screen.

    More if I have more than one tab open on these sites, I'll get the WP session expiration dialog box. I connect again through this dialog box, but within seconds, the expired session dialog box will pop up.

    I cleared the browser cache, deleted cookies, disable plugins cache etc etc... but can not find a solution to this problem.

    Any help appreciated.

    G

    Thank you all.

    We found the problem... and it wasn't Firefox (directly).

    Our host added varnish - software accelerator/cache http - to sites concerned with our problem.

    Remove the varnish removed the problem.

    G

  • How to call hr_location_api.create_location to style different address with only fields that belongs to this style of address-specific.

    How to call hr_location_api.create_location to style different address with only fields that belongs to this style of address-specific. It should decide at run time indicates the time he will come to know the type of style of address and on this basis that the fields that belong to the details of the address mapped to hr_location_api.create_location calling.

    Thanks in advance.

    You can create a package wrapper above the API (hr_location_api.create_location)

    In the package wrapper, you set all values dynamically according to your needs (for example the style and add_line columns are filled on your requirements) then, you call the API.

    It doesn't work?

  • Why does firefox do not load images on my website (CSS)

    Firefox does not load some of the images on my site through css so that the other images (same code) will work.

    Code that does not work:
    .bid_btn {background: url (.. / images/bid_btn1.png) no-repeat;} Width: 150px; color: #FFF; height: 34px; line-height: 34px; text-align: center; text-decoration: none; Display: block; do-size: 14px; make-weight: bold; text-transform: capitalize ;}

    .product_border {background: url (.. / images/productbg.png);} Width: 172px; height: 374px; text-align: center; }

    Code that works:

    .register_btn:hover {background: url (.. / images/register_btn_hover1.png) no-repeat;} Width: 250px; color: #ffdd18; height: 50px; line-height: 50px; text-align: center; text-decoration: none; Display: block; font-size: 30px ;}

    Kind regards

    There is a missing closing ') ' in the file causing Firefox to ignore the rest

    Unexpected end of file while searching for closing } of declaration block. @ http://www.opvakantiebieden.nl/.css/templates.css:38
    

    Line 17:
    top_menu a:hover{background:url(../images/menu_bgtesthover.png) font-size:16px; text-decoration:none; padding-left:10px; padding-right:10px;text-align:center; color:#FFF; display:block}

  • bookmarks.HTML makes very differently in FireFox 4

    For years, I have been using and loving Firefox (including 4.0).

    For years, I have also exported my bookmarks on Firefox and use the file bookmarks.html as my home page.

    Now, Firefox 4 restores the file bookmarks.html very differently from previous versions of Firefox and other browsers also differently (for example, IE).

    The indentations disappeared when viewing bookmarks.html in Firefox 4. Unfortunately, it is not really easy to show you this within this forum text box, but I'll try.

    Firefox 4 shows something like this:

    Bookmarks menu

    General interest

    Markham Weather Forecast - Environment Canada
    The Weather Network - Markham
    The Weather Channel - Markham
    AccuWeather.com - Canadian Forecast Center
    

    ... etc.

    Firefox 3.6, IE and other browsers show something like this (note the indentations that greatly improve readability):

    Bookmarks menu

         General Interest
    
               Markham Weather Forecast - Environment Canada
               The Weather Network - Markham
               The Weather Channel - Markham
               AccuWeather.com - Canadian Forecast Center
    
               ... etc
    

    Is this a bug in Firefox 4? I would really like to see bookmarks.html rendered with the indentations.

    Am I missing something?
    Thank you.

    You can add this CSS code in the HTML file below the line with the meta tag, or use the copy method shown above by stormseye

    <style type="text/css" >
    dl > dt > dl {
     margin-left: 40px;
    }
    </style>
    
  • CSS changes translate, not in Firefox

    Hello
    I work with reports of DOOD and change the css to customize the appearance of the reports. After you change the css, he changes to are in Chrome and IE but not in Firefox. Could someone please suggest how to on this subject.
    Thanks in advance.

    Kind regards

    Reload the Web page while bypassing the cache using one of the following steps:

    • Hold down the SHIFT key and click the reload with a left click button.

    OR

    • Press Ctrl + F5 or Ctrl + SHIFT + R (Windows and Linux)
    • Press command + SHIFT + R (Mac)

    Let us know if this solves the problems you are having.

  • I am looking for a solution Server (with Te css) for the fact that Firefox uses the system DPI settings, which makes my site look (too) big.

    My site appears much too big in firefox. And I want all browsers to view my site properly.
    I know that there are settings wihtin firefox that fix this problem. But I'm looking for a solution on server side, so that visitors to my site must not be disturbed by changing their settings.

    You may need to change your site as soon as 30 Chrome and IE 11 will also use the system DPI setting (like Firefox does now).

    Possible solution:

    • Type of topic: config in the Firefox address bar and hit the Enter key.
    • If the warning that this might void your warranty , click I'll be careful, I promised.
    • Search for layout.css.devPixelsPerPx

    • Double-click layout.css.devPixelsPerPx to edit its value. The default value is - 1.0 in Firefox 22 and above. Change it to 1.0 to run as in previous versions of Firefox.

    If necessary, further adjust the value of 0.1 or 0.05. Values between 1.0 and around 0.5 to reduce the size of the elements. Use a value greater than 1.0 to increase the size. For example, a value of 1.25 will increase the font size of the 125% to account for the default DPI setting in Windows 8. Check the value that you enter. Definition of a value that is too small will take everything away and too high will explode things.

    If the web pages should always be adjusted so you can watch the extension Default FullZoom Level or NoSquint .

    To adjust the font size for the user interface, you can use the extension of theme font & size changer .

  • What is the different between firefox "Sync Key" and "key recovery"?

    The problem is: I can't get my data from server. I have my key to 'Sync', and I used it several times before, but now Firefox says its wrong. Are 'sync key' and two 'recovery key' names to a single key or its two different keys?

    There is no difference between tho two names, they both refer to the sync key that is used to encrypt data locally before sending it to the sync server.

    Try creating a new profile as a test to check whether your profile is the source of the problems.

    See "create a profile":

    If the new profile works then you can transfer files from a profile in the new profile, but make sure not to copy corrupted files.

Maybe you are looking for