根据https://caniuse.com/#feat=svg-css,不支持将svg
作为数据URI包含在Edge 15及更低版本(浏览器)的背景图像中。但是,如果使用浏览器stack.com并在Edge 15中进行测试,则将svg
插入为content
时会显示,例如:
#foo::after{
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='%237AA3CC'%3E%3Ctitle%3ECheck%3C/title%3E%3Cpath d='M26.109 8.844c0 0.391-0.156 0.781-0.438 1.062l-13.438 13.438c-0.281 0.281-0.672 0.438-1.062 0.438s-0.781-0.156-1.062-0.438l-7.781-7.781c-0.281-0.281-0.438-0.672-0.438-1.062s0.156-0.781 0.438-1.062l2.125-2.125c0.281-0.281 0.672-0.438 1.062-0.438s0.781 0.156 1.062 0.438l4.594 4.609 10.25-10.266c0.281-0.281 0.672-0.438 1.062-0.438s0.781 0.156 1.062 0.438l2.125 2.125c0.281 0.281 0.438 0.672 0.438 1.062z'%3E%3C/path%3E%3C/svg%3E");
}
我想知道是否有人可以确认这是在浏览器堆栈上看到的正确行为-即在以content
插入时确实应该在Edge 15及更低版本中显示吗?>