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

How to Block Background Images?

  • 2 replies
  • 1 has this problem
  • 37 views
  • Last reply by cor-el

more options

Hi,

I have sensory processing issues, and when I scroll on pages with background images, sometimes the text moves, and the background image doesn't, and this triggers my migraines.

I have tried using the preferences > content > colors options, and the "readable text on white background" style,* and they help, but on some sites (not this site) they make it impossible to see what I'm mistyping.

Does anyone know of a good way to block background images without this problem, or which can be toggled?

Hi, I have sensory processing issues, and when I scroll on pages with background images, sometimes the text moves, and the background image doesn't, and this triggers my migraines. I have tried using the preferences > content > colors options, and the "readable text on white background" style,* and they help, but on some sites (not this site) they make it impossible to see what I'm mistyping. Does anyone know of a good way to block background images without this problem, or which can be toggled? * https://userstyles.org/styles/3121/readable-text-on-white-background

Chosen solution

If the problem is only that the background doesn't scroll then this bookmarklet might help.

Make a fixed background image attached to the body element scrollable.

javascript:void(document.body.style.setProperty("background-attachment","scroll","important"));

You can create a new bookmark and paste the JavaScript bookmarklet code in its location field.

Read this answer in context 👍 0

All Replies (2)

more options

Please try NoSquint Plus Manage site-specific zoom levels and color settings


This is probably a good site to be aware of http://www.accessfirefox.org/Firefox_Accessibility_Extensions.php It is a semi-official Mozilla community run site. IIRC the site and many of its add-ons were caught out by Australis. That is probably one site we should reach out to in advance if for instance making anything less distinct smaller, or lower contrast.

more options

Chosen Solution

If the problem is only that the background doesn't scroll then this bookmarklet might help.

Make a fixed background image attached to the body element scrollable.

javascript:void(document.body.style.setProperty("background-attachment","scroll","important"));

You can create a new bookmark and paste the JavaScript bookmarklet code in its location field.