Chrome重复加载同一张图片

Question

我页面只引用一次这个长图片,但是使用谷歌浏览器访问的时候就一直会出现重复加载一张图片的情况,换别的浏览器不会出现这样的情况.

是移动端页面，通过背景偏移来控制图片的

<nav class="snav clearfix">
    <section class="select" id="dh1"><a href=""><i class="nav01"></i><span>介绍</span></a></section>
    <section class="gray" id="dh2"><a href=""><i class="nav02"></i><span>登记</span></a></section>
    <section class="gray" id="dh3"><a href=""><i class="nav03"></i><span>股东</span></a></section>
    <section class="gray" id="dh4"><a href=""><i class="nav04"></i><span>成员</span></a></section>
    <section class="gray" id="dh5"><a href=""><i class="nav05"></i><span>变更</span></a></section>
    <section class="gray" id="dh6"><a href=""><i class="nav06"></i><span>分支</span></a></section>
    <section class="gray" id="dh7"><a href=""><i class="nav07"></i><span>证书</span></a></section>
    <section class="gray" id="dh8"><a href=""><i class="nav08"></i><span>相册</span></a></section>
</nav>

.snav section i{display:block;width:.6rem;height:.6rem;background:url(http://res.fengj.com/m/images/weishop/shopintroduce.png) no-repeat;margin:.1rem auto 0;}

.snav section i.nav01{background-position:0 -.65rem;}
.snav section.select i.nav01{background-position:0 -.05rem;}
.snav section i.nav02{background-position:-.8rem -.65rem;}
.snav section i.nav03{background-position:-1.55rem -.65rem;}
.snav section i.nav04{background-position:-5.4rem -.65rem;}
.snav section i.nav05{background-position:-2.3rem -.68rem;}
.snav section i.nav06{background-position:-3.05rem -.68rem;}
.snav section i.nav07{background-position:-3.85rem -.68rem;}
.snav section i.nav08{background-position:-4.65rem -.68rem;}

Answer 1

等待大神解答