We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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

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

This thread was archived. Please ask a new question if you need help.

Firefox stopped displaying a CSS mask locally

Sergey Martinov
Sergey Martinov
more options

I use Firefox locally to review the HTML/CSS while creating web pages (Win7 & Win10). Upon browser update, Firefox stopped displaying mask of any image format (SVG or PNG).

I did solve this issue in 2020 by changing the settings. about:config > privacy.file_unique_origin changing: to 'false' > refresh tab. Yet, since October 2021, it's no longer helping. After a browser update, I don't see the images with a mask, see attachment. The mask images show OK when the HTML page is on the server, but codding requires a constant 'quick check,' and usually uploading to the server is a final step. Can anyone help?

I prepared a simple example page [https://artenergy.com/mask] with a download link. Thus one can open this file locally to see the issue.

Thank you!

I use Firefox locally to review the HTML/CSS while creating web pages (Win7 & Win10). Upon browser update, Firefox stopped displaying mask of any image format (SVG or PNG). I did solve this issue in 2020 by changing the settings. about:config > privacy.file_unique_origin changing: to 'false' > refresh tab. Yet, since October 2021, it's no longer helping. After a browser update, I don't see the images with a mask, see attachment. The mask images show OK when the HTML page is on the server, but codding requires a constant 'quick check,' and usually uploading to the server is a final step. Can anyone help? I prepared a simple example page [[https://artenergy.com/mask]] with a download link. Thus one can open this file locally to see the issue. Thank you!
Attached screenshots

Modified by Sergey Martinov

Chosen solution

This pref is still supported, but will be removed as well in the future.

  • security.fileuri.strict_origin_policy = false

Safest is to use a separate profile with this feature disabled for testing locally.

  • 1730535 - Remove the security.fileuri.strict_origin_policy pref, always require unique origins

(please do not comment in bug reports
https://bugzilla.mozilla.org/page.cgi?id=etiquette.html)

Read this answer in context 👍 1

All Replies (2)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Chosen Solution

This pref is still supported, but will be removed as well in the future.

  • security.fileuri.strict_origin_policy = false

Safest is to use a separate profile with this feature disabled for testing locally.

  • 1730535 - Remove the security.fileuri.strict_origin_policy pref, always require unique origins

(please do not comment in bug reports
https://bugzilla.mozilla.org/page.cgi?id=etiquette.html)

Sergey Martinov
Sergey Martinov Question owner
more options

Thank you much, this did the trick, and now I can see the 'mask image' again. Your help is appreciated a lot!