javascript - 图像旋转分页问题

试图使分页显示在主区域显示中看起来更好一些。在具有分页功能的地方，我希望将活动状态格式化为完全适合于适当的框，而没有显示数字，但有一些困难。

您可以在此处查看图像旋转分页问题：
http://obliqueinteractive.com/demo/oblique/

这是用于分页的代码：

的HTML

<div class="paging">
    <a href="#" rel="1">1</a>
    <a href="#" rel="2">2</a>
    <a href="#" rel="3">3</a>
</div>

的CSS

.paging {
 position: absolute;
 bottom: 10px;
 left: 372px;
 width: 189px;
 height:41px;
 z-index: 100; /*--Assures the paging stays on the top layer--*/
 text-align: center;
 line-height: 40px;
 background: url(../images/paging_bg2.png) no-repeat;
 display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
 padding: 5px;
 text-decoration: none;
 color: #fff;

}
.paging a.active {
 background-image: url(../images/active.png) ;
 width:12px;
 height:11px;
}
.paging a:hover {
 background-image: url(../images/active.png) ;
}

最佳答案

。分页{
  背景重复：不重复；
  背景位置：x偏移
  y偏移}


更改像素偏移以适合您的布局
并将内容更改为：


  $ nbsp;