介绍小姐:{
,,,显示:,inline-block;
,,,宽度:,100 px;
,,,身高:,100 px;
}.icon-del {
,,,背景图片:,url (delete.svg);
}.st0{填补:# EC665E;} .st1{填补:# FFFFFF;} & lt;小姐:类=癷con-del"祝辞& lt;/i> & lt; ? xml version=?.0“,编码=皍tf-8" ?祝辞& lt; !——,发电机:,Adobe Illustrator 19.0.0,, SVG Export Plug-In 只SVG 版本:,6.00,Build 0),,,祝辞& lt; SVG version=?.1“, id=巴疾鉥1", xmlns=癶ttp://www.w3.org/2000/svg", xmlns: xlink=癶ttp://www.w3.org/1999/xlink", x=? px", y=? px"
,,,,,viewBox=? -691年,693年,16岁,16“,风格=笆贡尘?new -691年,693年,16岁,16;“,xml: space=皃reserve"祝辞& lt; title>删除群成员& lt;/title> & lt; desc> Created with 素描。;/desc> & lt; g id=癙age-1"比;
,,,,& lt; g id=叭鹤槊稍盻x28_管理员_x29_",变换=胺?-284.000000,-249.000000),在
,,,,,,,,,& lt; g id=癎roup-19"比;
,,,,,,,,,,,,,,& lt; g id=癎roup-14",变换=胺?20.000000,120.000000),在
,,,,,,,,,,,,,,,,,,,& lt; g id=叭撼稍?copy-4",变换=胺?0.000000,121.000000),在
,,,,,,,,,,,,,,,,,,,,,,,,& lt; g id=吧境撼稍薄?变换=胺?264.000000,8.000000),在
,,,,,,,,,,,,,,,,,,,,,,,,,,,,,& lt; g id=癎roup",变换=胺?2.000000,2.000000),在
,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,& lt; g id=癘val-9"比;
,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,& lt; circle 类=皊t0",残雪=?685“,cy=?99“, r=?“/比;
,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,& lt;/g>
,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,& lt; g id=癙ath-2"比;
,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,& lt; path 类=皊t1", d=癿 - 681700 h - 8 c - 0.6, 0 - 1 - 0.4 - 1 - 1 - s0.4 1-1h8c0.6, 0, 1, 0.4, 1, 1 s - 680.4 -,700 - 681700 - z"/比;
,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,& lt;/g>
,,,,,,,,,,,,,,,,,,,,,,,,,,,,,& lt;/g>
,,,,,,,,,,,,,,,,,,,,,,,,& lt;/g>
null
null
null
null
这篇文章主要介绍在背景图像中使用svg怎样改变颜色,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
<强>结论
在我多番测试之后,才发现背景图像使用svg改变颜色根本做不了。
<强>分析
当svg图片被使用成背景图像,颜色的设置需要在svg内部才能生效。在外部CSS设置颜色样式,却是无效,这其实可以从CSS选择器得到解释,CSS选择器必须选择到DOM元素,而svg却被做成背景图,并没有以元素引入,所以在外部也就设不了颜色。
<强>例子
<强> CSS:
<强> HTML:
<强> SVG:
