伪内容中的svg元素不会出现

nob*_*web 5 svg google-chrome pseudo-element

chrome版本51.0.2704.84中发生此问题.

.svg a:before {
    display: inline-block;
    width: 26px;
    height: 26px;
    content: url("link.svg");
}
Run Code Online (Sandbox Code Playgroud)

这是示例代码.

复制页面

示例代码

请告诉我是否有错误.

解决方法:使用后台url属性,可以避免此问题.