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

Buscar en Ayuda

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

Este tema ha sido archivado. Haz una nueva pregunta si necesitas ayuda.

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!
Capturas de pantalla adjuntas

Modificadas por Sergey Martinov el

Solución elegida

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)

Leer esta respuesta en su contexto 👍 1

Todas las respuestas (2)

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

Solución elegida

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 Autor de la pregunta
more options

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