css中设置background-position失效,希望解答?

css中设置background-position失效,希望解答?

雪碧图

图片描述

html

    <div class = "cooper">
        <ul class="company">
            <li class="cat-1"><a href=""></a></li>
            <li class="cat-2"><a href=""></a></li>
            <li class="cat-3"><a href=""></a></li>
        </ul>
    </div>

css

.company li{
    float: left;   
}

.company li a{
    display:inline-block;
    height: 70px; background: url(../imgs/icons/cooperation.gif)  no-repeat;
    
}

.cat-1 a{width: 132px;background-position:0 0;}
.cat-2 a{width: 110px;background-position: -132px 0px;}

效果:
图片描述

图片的background-position为什么会失效?造成不能定位

图片描述

图片描述

阅读 11.6k
2 个回答

chrome截图已经灰常明显

推荐问题
宣传栏