使用SVG作为背景图片
现在所有现代浏览器都支持SVG，能够根据分辨率适度扩展调整SVG大小，因此没有理由继续使用.jpg或.gif文件作为图标，SVG文件可以通过Photoshop等工具转换过来，下面案例是使用SVG作为背景图片：
Html:
<a href="/" class="logo"> Kiwi Corp </a>
CSS:注意，使用background-size使得背景图片适合容器大小：
.logo {
display: block;
text-indent: -9999px;
width: 100px;
height: 82px;
background: url(kiwi.svg);
background-size: 100px 82px;
}
这里专门设置background-size大小为logo 元素大小，都是宽100px和高82px. 这是必须这样做，因为如果不这样做，左上角会被原始SVG图片要大些，如果你使用background-size: contain，能够确保图片大小适合上级图片的大小，根本不用知道上级图片精确大小，如下：
.main-header {
background: url(logo.svg) no-repeat top left;
background-size: contain;
}