仅使用CSS设置SVG图像的viewBox

Question

我将SVG加载到CSS伪元素的背景中，如下所示：

.sorting_asc:after {
    content: '';
    float: right;
    background: url(../svg/sort-asc.svg) no-repeat;
    height: 8px;
    width: 14px;
}

有没有办法只用CSS设置这个SVG的viewBox？

Answer 1

这应该有效

background: url(../svg/sort-asc.svg#svgView(viewBox(a,b,c,d))) no-repeat;

如果用viewBox的相应数值替换a，b，c，d。这称为SVG fragment identifier