css – 我的SVG图像在用作背景图像时忽略其样式表

前端之家收集整理的这篇文章主要介绍了css – 我的SVG图像在用作背景图像时忽略其样式表前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个SVG图标,我使用CSS设置样式.使用< link>从SVG文件本身加载CSS.标签.

当我使用该SVG作为背景图像虽然在直接访问所述SVG时没有应用样式,但它工作正常.

这是一个example

知道什么是错的吗?

解决方法

这就是SVG在用作图像时的工作原理.数据必须在单个文件中完成,以保护用户的隐私.

你需要的心理模型是它能够以与光栅图像类似的方式工作和运行,它们也是单个文件.

您仍然可以使用< link>标记,但您必须在svg文件本身内将数据编码为data URI.

猜你在找的CSS相关文章