如何在CSS中将SVG数据图像设置为DIV背景?如果在HTML中使用
<img src="data:image/svg+xml;base64,[data]">
可以正常工作,但在CSS背景中不会显示。 我在CodePen上创建了一个示例,供您查看。所以我调查了这个问题,并发现其他一些SVG数据图像可以正常工作。.frame__wrapper {
background: transparent url('data:image/svg+xml;base64,[data]') center top no-repeat;
background-size: 100% auto;
width: 310px;
height: 272px;
margin: 0 auto;
padding: 26px 10px;
}
这里是带有SVG图像的CodePen工作样例 我无法在此处粘贴编码后的SVG。
使用来自SVG data URIs教程的数据URI,我设定了CSS背景。但是Base64尚未显示。