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

.paging a { 背景重复：不重复; background-position：x-offset y偏移量; }

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

$ NBSP;

图像旋转分页问题

1 个答案: