关于svg(矢量图片)在ie7,ie8中不被支持的的解决办法。
在做页面的过程中,往往会遇到不清晰的图片。不管是jpg,png,gif哪种图片都有这种情况发生。
网上找了好久都没有解决办法,通过做手机端发现svg图片比较好用,有设计用ai输出svg格式的图片。
一般文件的大小就是多少字节,图片本身会很好。
svg图片在手机上支持的还是比较好。
但是在pc端就没有那么完美了。
解决办法如下:
<label class="s-enter">
<svg width="40" height="34">
<image xlink:href="http://static.solaridc.com/project/finance/wallet/images/search.svg" src="http://static.solaridc.com/project/finance/wallet/images/search.png" width="40" height="34" />
</svg>
</label>
以下是代码在ie8下的解析,写样式的话直接控制img标签就可以啦。
ps:以上这种小图标全部都是svg图片,很完美。