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.

Search Support

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.

Learn More

The background-position CSS on my site is not working as it used to after switching to Firefox 57 Quantum.

Hello!

On my site, http://fleishmanhillard.de/, there is a dashed border on the top and bottom of various sections ("News & Meinungen", "@FLEISHMANDE", etc). The borders are created using two linear gradients (the CSS can be found in the attached "border-background-css.png"). In versions prior to Firefox Quantum, the linear gradient spanned the entire width of the element, but now, as you can see, it's only spanning a portion of the element (and the amount that IS spanned changes depending on the screen size). I don't see this behavior in Safari or Chrome.

I'm not sure if I need to change something about how I've written the CSS, to ensure that the background linear gradients span the entire width of the element, or if this is a bug in Quantum for how background-position is handled. Any ideas would be greatly appreciated!

Thanks, Nathan

Hello! On my site, http://fleishmanhillard.de/, there is a dashed border on the top and bottom of various sections ("News & Meinungen", "@FLEISHMANDE", etc). The borders are created using two linear gradients (the CSS can be found in the attached "border-background-css.png"). In versions prior to Firefox Quantum, the linear gradient spanned the entire width of the element, but now, as you can see, it's only spanning a portion of the element (and the amount that IS spanned changes depending on the screen size). I don't see this behavior in Safari or Chrome. I'm not sure if I need to change something about how I've written the CSS, to ensure that the background linear gradients span the entire width of the element, or if this is a bug in Quantum for how background-position is handled. Any ideas would be greatly appreciated! Thanks, Nathan
Attached screenshots

njosefbeck மூலமாக திருத்தப்பட்டது

All Replies (2)

Wasn't able to add the image for some reason when I initially posted the question, so hopefully it is posted here.

I don't notice any problem with the width, but there is a funny pattern of some dots being lighter and some being darker.