dragon2008

本人想做一个顶部导航条，每一个小导航都是图片做好了，并每个大小不一。用UL+LI制成，设置LI A 的高度，每个小导航现到A:HOVER里设置
如下：

复制内容到剪贴板

代码:

#nav li{
        margin-left:5px;
        float:left;
}
#nav li a{
        height: 25px;
        display:block;
        float:left;
        text-decoration:none;
        text-indent: -900em;
}
#nav #nav-home a{
        width: 63px;
        background: url(images/nav-blog.gif) no-repeat left top;
}
#nav #nav-home a:hover{
        background: url(images/nav-blog.gif) no-repeat left bottom;
}

请问各位大虾，有没有好的思想完成这样的效果？其它文字是不可见的，设置为了一个大负数 text-indent:-900em;

悠然白鹿

你是不是要我blog的效果？如果是联系我，我把相关css发给你……

悠然白鹿

另外，皮肤里面不应该出现导航栏的blog的字体……

dragon2008

引用:

原帖由 悠然白鹿 于 2008-7-23 16:56 发表
另外，皮肤里面不应该出现导航栏的blog的字体……

我导航里是没有文字的，图片就是表现方式。如这样子，我的都做成了图片。而且大小不一，每一个小导航就是一个。我不知道怎么用伪类处理

dangkiki

改background的定位坐标就行

dragon2008

引用:

原帖由 dangkiki 于 2008-7-23 17:35 发表
改background的定位坐标就行

做成一张图？然后改坐标？这样不就固定了吗？

悠然白鹿

楼主要的效果没有办法在pjblog的css里面实现……

zc_way

可以。只要把字体大小设置成0PX,行高也设成0PX,然后剩下的就是看你怎么运用图片了。

悠然白鹿

后台做分类的时候根本没有办法做嘛……怎么实现呀？

zc_way

肯定是先分好类，再改喽，不过从此就固定下来了