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! 🎁

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
  • 8 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.