li 前面的list-style

myselfdo · 发表于 2010-12-29 10:24:54

我在设置这里的list-style<li><a></a></li> 时候随便看了看百度怎么做的，发现他是用的背景图，让我不解的是-比如百度新闻列表：

.list2 LI {
LINE-HEIGHT: 24px; PADDING-LEFT: 10px; BACKGROUND: url(../../img/icon.gif?v=1.1) no-repeat -21px -73px; HEIGHT: 24px; FONT-SIZE: 14px; OVERFLOW: hidden
}

这样写是什么意思？？！！这里的参数是什么意思？？？？！！请赐教

xiaphong · 发表于 2010-12-29 14:16:49

icon.gif是图片集，后面的“-21px”“-73px”是定义的这列表的图在图片集中的位置，是针对该图片左上角的点的位置。多学习下就知道了。目前这种方式广泛应用。

iifksp · 发表于 2010-12-29 21:41:48

时间戳吧，是避免你访问到了缓存里的文件。你可以忽略?v=1.1

llqfront · 发表于 2010-12-30 08:37:30

这个的问题 ul ol 前面的点在不同浏览器是不兼容的，所以都不会用默认的list-style：都会用list-style：none；然后用背景来实现就像你看到的那样后面的一般都会用背景图来实现控制x y的距离或者有背景图合并调基本就是背景图了就看你怎么用了

myselfdo · 发表于 2010-12-30 12:27:58

我的意思就是3楼要说的，就是感觉不怎么理解，那个什么XY我是知道，我问的是“图片带参数”问题

ilMilk · 发表于 2010-12-30 16:12:26

css sprite

yoom · 发表于 2011-1-5 21:01:32

list-style-image是非常不好控制的。
一般做法是用background来模拟，当然也可以用一个冗余的<b></b>来单独显示背景图片，这对于列表树操作特别方便，比如该b标签来展现如window资源管理器文件树前的 + - 号。

radom · 发表于 2011-1-6 08:23:38

原帖由 [i]myselfdo 于 2010-12-30 12:27 发表
我的意思就是3楼要说的，就是感觉不怎么理解，那个什么XY我是知道，我问的是“图片带参数”问题

有时间研究下浏览器缓存机制~

帐号		自动登录	找回密码
密码			注册

[讨论] li 前面的list-style

3楼回答的还可以