图片没有显示使用CSS

Question

.mylistshowon{
    display: inline-block;
    width: 28px;
    height: 25px;
    background: url('images/btn_list_select.png') no-repeat center ;
    background-position: 0px 0px;
    float: right;
}

.myimgshowoff{
    display: inline-block;
    width: 28px;
    height: 25px;
    margin-top: 0px;
    margin-right: 0px;
    background: url('images/btn_list_select.png') no-repeat center ;
    background-position: -27px 0px;
    float: right;
}

<div>
    &nbsp;&nbsp;<b>他的文档</b>
    <span style="height:26px; width:29px; float :right;">
        <a href="javascript:;">  
            <i class="myimgshowoff"></i>                        
        </a>
    </span>
    <span style="height:26px; width:29px; float :right;">
        <a href="javascrpt:;">                     
            <i class="mylistshowon"></i>                     
        </a>
    </span>
    <span class="border_right" style="float:right;"><a href="#" onclick="">浏览量</a></span>
    <span style="float:right;"><a href="#" onclick="">评分</a></span>
    <span style="float:right;"><a href="#" onclick="">下载量</a></span>
    <span style="float:right;"><a href="#" onclick="">最新</a></span>
</div>

第一个和第二个跨度的问题没有显示我在css .myimgshowoff和.mylistshowon中剪切的图片。

Answer 1

您使用的是外部样式表吗？如果您使用外部stlyesheet。试试这段代码。

background: url('../images/btn_list_select.png') no-repeat center ;