图片旋转分页问题

Question

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

您可以在此处查看图像旋转分页问题： 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) ;
}

Answer 1

. 分页一个 { 背景重复：不重复； 背景位置：x 偏移 y 偏移量； }

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

$nbsp;