Join the Mozilla’s Test Days event from Dec 2–8 to test the new Firefox address bar on Firefox Beta 134 and get a chance to win Mozilla swag vouchers! 🎁

Cari Bantuan

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Pelajari Lebih Lanjut

Background on body with cover or contain size does not render

  • 2 balas
  • 1 memiliki masalah ini
  • 1 kunjungan
  • Balasan terakhir oleh cor-el

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).

Semua Balasan (2)

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.

more options