Avatar for Username

Cerca nel supporto

Attenzione alle mail truffa. Mozilla non chiederà mai di chiamare o mandare messaggi a un numero di telefono o di inviare dati personali. Segnalare qualsiasi attività sospetta utilizzando l'opzione “Segnala abuso”.

Ulteriori informazioni

Questa discussione è archiviata. Inserire una nuova richiesta se occorre aiuto.

Background on body with cover or contain size does not render

  • 2 risposte
  • 1 ha questo problema
  • 1 visualizzazione
  • Ultima risposta di cor-el

briman0094
briman0094
more options

The background images on my site do not render correctly in Firefox Quantum. There are three PNG images specified on the <body> tag: the positions for each are left, right, and center respectively. The sizes for each are contain, contain, and cover respectively. None of the images render in Firefox unless I disable the "background-size" property completely. They also do not render if "background-size: 100%" is specified, but they do render if I provide a pixel value.

These images render perfectly fine in Chrome, Edge, and IE 11, but not in FF Quantum (57.0.2, Win10 x64).

The background images on my site do not render correctly in Firefox Quantum. There are three PNG images specified on the <body> tag: the positions for each are left, right, and center respectively. The sizes for each are contain, contain, and cover respectively. None of the images render in Firefox unless I disable the "background-size" property completely. They also do not render if "background-size: 100%" is specified, but they do render if I provide a pixel value. These images render perfectly fine in Chrome, Edge, and IE 11, but not in FF Quantum (57.0.2, Win10 x64).

Tutte le risposte (2)

Shadow110
Shadow110
more options

They may render now in the others, does not mean in the future. Firefox is taking code a little to literately at the moment. Not sure of the fixes for it. But do know that anything that passes W3C - Who make the rules for web code should run if corrected.

HTML https://validator.w3.org/ CSS https://jigsaw.w3.org/css-validator/ and https://validator.w3.org/i18n-checker/ and http://mobile.css-validator.org/

Please let us know if this solved your issue or if need further assistance.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Try to ask advice at the Stack Overflow forum site.