关于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图片,很完美。

posted @ 2015-03-12 14:45  吉米小绵羊  阅读(2535)  评论(0编辑  收藏  举报