来自子域的 Firefox SVG

发布于 2024-09-29 05:47:30 字数 476 浏览 3 评论 0原文

我有一个样式表,可以访问与样式表位于同一目录中的 svg。 Firefox 将在我的测试服务器和子目录中获取 svg。但是,当从子域访问时,它拒绝尝试下载 svg。

我尝试将 svg 添加到子目录最高级别的 .htaccess 文件中的文件列表中,这也是让 Firefox 从子目录接受 @font-face 的解决方案。我可能做错了,但无论如何我都会包括在内。

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

谢谢!

编辑,正在使用的CSS规则:

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

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');
} 

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

我喜欢麦丽素 2024-10-06 05:47:30

“过滤器”属性应始终具有片段部分,否则它将不适用。你可能想要这样的东西:

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

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');
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文