CSS中的内嵌SVG过滤器 [英] inline svg filter in css
本文介绍了CSS中的内嵌SVG过滤器的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
阅读此问题后: CSS中的内嵌SVG (在Firefox和Chrome上完美运行)
After reading this question: Inline SVG in CSS (works perfectly on Firefox and Chrome)
body { background-image:
url("data:image/svg+xml;utf8,<svg>........</svg>");
}
我尝试对
filter: url("data:image/svg+xml;utf8,<svg>........</svg>#filter01")
它适用于FF，但不适用于Chrome.
It worked on FF, but didn't work on Chrome.
原因是什么，我该如何解决?
What's the reason and how can I fix it?
推荐答案
尝试对数据字符串使用转义，喜欢
try to use escape on the data string , like
filter: url("data:image/svg+xml;utf8,%3Csvg%3E........%3C/svg%3E#filter01")
这篇关于CSS中的内嵌SVG过滤器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
