无锡网站建设服务,有没有专门帮人做图的网站,wordpress图片评论,遵义网站建公司结论 在我多番测试之后#xff0c;才发现background-image使用svg#xff0c;改变颜色根本做不了。 分析 当svg图片被使用成background-image#xff0c;颜色的设置需要在svg内部才能生效。在外部CSS设置颜色样式#xff0c;却是无效#xff0c;这其实可以从CSS选择器得到… 结论 在我多番测试之后才发现background-image使用svg改变颜色根本做不了。 分析 当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 i classicon-del/i SVG ?xml version1.0 encodingutf-8? !-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -- svg version1.1 id图层_1 xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink x0px y0pxviewBox-691 693 16 16 styleenable-background:new -691 693 16 16; xml:spacepreserve title删除群成员/title descCreated with Sketch./desc g idPage-1g id群组名片成员_x28_管理员_x29_ transformtranslate(-284.000000, -249.000000)g idGroup-19g idGroup-14 transformtranslate(20.000000, 120.000000)g id群成员-copy-4 transformtranslate(0.000000, 121.000000)g id删除群成员 transformtranslate(264.000000, 8.000000)g idGroup transformtranslate(2.000000, 2.000000)g idOval-9circle classst0 cx-685 cy699 r6//gg idPath-2path classst1 dM-681,700h-8c-0.6,0-1-0.4-1-1s0.4-1,1-1h8c0.6,0,1,0.4,1,1S-680.4,700-681,700z//g/g/g/g/g/g/g /g /svg