为什么我的 SVG 数据 URL 不能在 Firefox 中用作伪元素背景？

SVG 数据图像不能用作伪元素中的背景图像

在某些情况下，将 SVG 设置为背景图像对于使用 data:image/svg xml URL 的伪元素，可能无法在 Firefox 中呈现。出现这种情况是因为 URL 中的 # 字符被解释为片段标识符的开头。

对数据 URL 进行编码

要解决此问题并允许 SVG在Firefox中显示时，需要对数据URL内容进行编码。这涉及将数据 URL 中的任何哈希 (#) 字符转换为 #。

以下是修改后的代码示例：

content: '';
position: absolute;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 12px;

以上是为什么我的 SVG 数据 URL 不能在 Firefox 中用作伪元素背景？的详细内容。更多信息请关注PHP中文网其他相关文章！