Firefox SVG from subdomain

Question

I have a stylesheet that accesses an svg in the same directory as the stylesheet. Firefox will get the svg on my test server and on the subdirectory. However, it refuses to attempt to download the svg when accessed from the subdomain.

I tried adding svg to the list of files in an .htaccess file on the subdirectory's highest level, which is also the solution to get firefox to accept @font-face from a subdirectory. I probably did this wrong, but I will include anyway.

<FilesMatch "\.(ttf|otf|eot|svg)$">
<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>

Thanks!

Edit, css rule being used:

.mask {
filter:url('mask.svg');
} 

Answer 1

A 'filter' property should always have a fragment part, otherwise it won't apply. You probably want something like:

.mask {
filter: url('mask.svg#myFilter');
}