不能使用SVG符号精灵作为背景

Question

我有此页面布局和css http://codepen.io/anon/pen/QjRBrO?editors=110

来自精灵的SVG图标，插入use标记效果很好：

    <svg class="social__item">
      <use xlink:href="images/sprite.svg#vk"></use>
    </svg>

但是当我尝试将精灵公园设置为背景时它无法正常工作：

    .social__item_vk {
      background: #ccc url(images/sprite.svg#vk) no-repeat;
    }

这是我的svg精灵：http://controlsk.ru/test/images/sprite.svg