我想在一些选定元素之前放置一些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;”</部门>;
我的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”/>;
</svg>;