This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

ค้นหาฝ่ายสนับสนุน

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.

เรียนรู้เพิ่มเติม

หัวข้อนี้ถูกเก็บถาวรแล้ว โปรดถามคำถามใหม่หากคุณต้องการความช่วยเหลือ

Background on body with cover or contain size does not render

  • 2 การตอบกลับ
  • 1 คนมีปัญหานี้
  • 1 ครั้งที่ดู
  • ตอบกลับล่าสุดโดย 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).

การตอบกลับทั้งหมด (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.