svg图片的问题

Question

svg格式的图片这样直接插入到网页中，它的兼容性好不好，会不会出现图片看不到的情况

这种方式可以向下兼容到 IE 的哪个版本？

Answer 1

西门老舅 2022-01-27 14:29:45

svg兼容到IE9，如果想兼容IE9以下的浏览器，可采用条件Hack进行判断，即：

<!--[if lte IE 8]>
     <!-- svg换成png -->
     <img src="xxx.png">
<![endif]-->

• 提问者 人生的起源 #1

  还个问题，svg图片是可以用样式改颜色的，要怎样才能用color修改svg的颜色呢？

• 西门老舅 回复 提问者 人生的起源 #2

  svg是通过fill进行颜色修改的，参考示例：
  
  <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="48px" height="48.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#1296db" d="M711.6 488.624L355.2 152.976a29.36 29.36 0 0 0-42.352 0 31.408 31.408 0 0 0 0 43.552L647.76 512 312.848 827.36a31.408 31.408 0 0 0 0 43.552 29.36 29.36 0 0 0 42.352 0l356.4-335.648a36.32 36.32 0 0 0 0-46.64z" /></svg>

• 提问者 人生的起源 回复 西门老舅 #3

  我的意思是，SVG图片插入网页后，怎么用CSS的color属性修改它的颜色，老师课程上这种插入方式，好像没办法用color属性修改svg的颜色

点开查看后面1条评论