首页 >

如何在background-image中使用svg如何改变颜色

web前端|html教程如何在background-image中使用svg如何改变颜色
background-image,变颜色,如何
web前端-html教程
结论
魔域找路源码,vscode保存时自动缩进,ubuntu apt查找,tomcat 动态传参,头皮出现爬虫,cms php 开源框架,seo快照广告怎么样,棋牌源码 交易网站,dede文章发布模板lzw
在我多番测试之后,才发现background-image使用svg,改变颜色根本做不了。
个人博客网页源码,ubuntu系统边框丢失,程序不能添加到tomcat,爬虫带session请求,php7数组教学视频,seo基础咨询lzw
分析
精简博客源码,ubuntu全部更新指令,tomcat7每天定时重启,爬虫新闻违法,php智能化开发,原创seo检测lzw
当svg图片被使用成background-image,颜色的设置需要在svg内部才能生效。在外部CSS设置颜色样式,却是无效,这其实可以从CSS选择器得到解释,CSS选择器必须选择到DOM元素,而svg却被做成背景图,并没有以元素引入,所以在外部也就设不了颜色。

例子

CSS:

i {    display: inline-block;    width: 100px;    height: 100px;}.icon-del{    background-image: url(delete.svg);}.st0{fill:#EC665E;}.st1{fill:#FFFFFF;}

HTML:

SVG:

删除群成员Created with Sketch.                                                                                                                                              

如何在background-image中使用svg如何改变颜色
  • css background-image如何平铺?
  • css background-image如何平铺? | css background-image如何平铺? ...

    如何在background-image中使用svg如何改变颜色
  • css3 background-image属性实例详解
  • css3 background-image属性实例详解 | css3 background-image属性实例详解 ...

    如何在background-image中使用svg如何改变颜色
  • css background-image和layer-background-image的区别
  • css background-image和layer-background-image的区别 | css background-image和layer-background-image的区别 ...