Important Notice: We're experiencing email notification issues. If you've posted a question in the community forums recently, please check your profile manually for responses while we're working to fix this.

On Monday the 3rd of March, around 5pm UTC (9am PT) users may experience a brief period of downtime while one of our underlying services is under maintenance.

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

Ova tema je arhivirana. Pitajte drugo pitanje ako vam je potrebna pomoć.

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!
Priloženi snimci ekrana

Izmjenjeno od strane Sergey Martinov

Izabrano rješenje

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)

Pročitajte ovaj odgovor sa objašnjenjem 👍 1

All Replies (2)

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

Odabrano rješenje

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 Vlasnik pitanja
more options

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