为什么我的这个设置background-position的时候不起作用啊？
为什么我的这个设置background-position的时候不起作用啊？谁可以帮我运行下解决一下？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>普通分页页码的制作</title>
<style>
#page-normal a,#page-normal .prev,#page-normal .current,.ellipsis{
border-radius:8px;
padding: 5px 7px;
margin-left: 10px;
font-size: 18px;
}
#page-normal{
color:#ff6600 ;
text-align: center;
font-size: 0px;
}
#page-normal a{
border: 1px solid #ff6600;
text-decoration: none;
color:#ff6600 ;
}
#page-normal a:hover{
border: 1px solid #ff6500;
color: #ff6500;
background: #ffbe94;
}
#page-normal .prev{
border: 1px solid #ffe3c6;
color: #ffe3c6;
}
#page-normal .current{
border: 1px solid #ff6500;
color: #ff6500;
background: #ffbe94;
}
#page-normal .ellipsis{
border: 1px #ff6600;
}
#page-normal i{
display: inline-block;
width: 5px;
height: 9px;
background :url("images/jiantou.gif") ;
}
.prev i{
background-position: -67px -608px ;
}
.next i{
background-position: -74px -608px ;
}
</style>
</head>
<body>
<div id="page-normal">
<span class="prev"><i></i>上一页</span>
<span class="current">1</span>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">6</a>
<spanc class="ellipsis">...</spanc>
<a href="#">199</a>
<a href="#">200</a>
<a href="#" class="next"><i></i>下一页</a>
</div>
</body>
</html>
