From 48755b2734ff54c55697520da0392530dc789ae8 Mon Sep 17 00:00:00 2001 From: Alexander Ebert Date: Thu, 4 Dec 2014 13:26:41 +0100 Subject: [PATCH] Firefox does not allow SVG filters loaded from domains != origin Firefox 35+ seems to support the native filter property values, possibly remove the SVG filter at all: http://caniuse.com/#search=filter --- wcfsetup/install/files/style/global.less | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/wcfsetup/install/files/style/global.less b/wcfsetup/install/files/style/global.less index 90e508f1f6..a12b13a194 100644 --- a/wcfsetup/install/files/style/global.less +++ b/wcfsetup/install/files/style/global.less @@ -200,7 +200,9 @@ body > iframe[src="about:blank"] { } .grayscale { - filter: url(../images/grayscale-filter.svg#grayscale); + //filter: url(../images/grayscale-filter.svg#grayscale); + // Firefox does not allow SVG filters to be retrieved from a different domain, embed it directly (Firefox 35+ seems to support the native property!) + filter: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cfilter%20id%3D%22grayscale%22%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fsvg%3E#grayscale); filter: gray; -webkit-filter: grayscale(1); } -- 2.20.1