有没有办法将SVG用作伪元素::before或::after中的内容

我想在一些选定元素之前放置一些SVG图像。我正在使用jQuery,但这与此无关

我希望将::before元素设置为:

#mydiv::before{
内容:“<svg…此处编码</svg>”;
显示:块;
宽度:22px;
高度:10px;
利润率:10px 5px 0 10px;
}

如果我像上面所示那样做,它只显示字符串。我检查了规格,似乎对内容有一些限制。是否有解决此限制的办法?只有CSS内容与我的问题相关

是的,你可以!刚刚测试过这个,效果很好,太棒了!它仍然不能用于html,但可以用于svg

在my index.html中,我有:

<div id=“test”style=“内容:url(test.svg);宽度:200px;高度:200px;”&lt/部门>

我的test.svg如下所示:

<svg xmlns=”http://www.w3.org/2000/svg“>
<圆圈cx=“100”cy=“50”r=“40”stroke=“黑色”stroke width=“2”fill=“红色”/>
<多段线点=“20,20 40,25 60,40 80120 120140 200180”style=“填充:无;笔划:黑色;笔划宽度:3”/>
&lt/svg>

发表评论