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.

more options

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

Modified by njosefbeck

All Replies (2)

more options

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

more options

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