Html 将带有svg代码的外部文件链接到主索引
在主索引页中保留多行svg代码是非常不雅观的。我正在寻找解决方案,让我移动到另一个文件的代码,只是在我的页面链接这个文件,在适当的时候。比如:Html 将带有svg代码的外部文件链接到主索引,html,css,svg,frontend,web-deployment,Html,Css,Svg,Frontend,Web Deployment,在主索引页中保留多行svg代码是非常不雅观的。我正在寻找解决方案,让我移动到另一个文件的代码,只是在我的页面链接这个文件,在适当的时候。比如: <svg><use href="linkedfile.svg"></use></svg> 但是上面的解决方案不能正常工作-图像的格式非常坦率,不能被css修改。我需要好的工作方法。你在CSS文件中尝试过背景图像吗 .image{ background: url(linkedfile.svg); }
<svg><use href="linkedfile.svg"></use></svg>
但是上面的解决方案不能正常工作-图像的格式非常坦率,不能被css修改。我需要好的工作方法。你在CSS文件中尝试过背景图像吗
.image{
background: url(linkedfile.svg);
}
为什么不使用普通标签呢?我需要使用css来设计样式-像fill:color这样的命令也有非常有限的css修改。使用限制不能指向整个SVG文件,它必须指向该文件中的某个元素。