CSS：background

css2.0 中的 background-position 大家用到过吗？怎么用的？用在哪里？js控制图片切换有两个缺陷：1.有时后切换缓慢,需要预载解决；2.要制作2-3套图片
　　看看怎么用 background-position 解决这个问题，实现快速"切换"，这里只用到一张图片  
　　至于代码中的font:10px/1也是不常见的用法  
　　可以参考这里:[url]http://www.w3.org/Style/CSS/Test/CSS1/current/sec5526c.htm[/url]  
　　这种用法放在网站地图或者导航条上的效果：


#menu a {
display:block;
width:150px;
margin:6px;
padding:10px 0 10px 32px;
font:10px/1 sans-serif;
color:#f90;
background: url("http://webdesign.chinaitlab.com/UploadFiles_8014/200707/20070707163826262.gif") top left no-repeat;
text-decoration: none;
}
#menu a:hover {
background-position: 0 -39px;
color:red;
}
#menu a:active {
background: url("http://webdesign.chinaitlab.com/UploadFiles_8014/200707/20070707163826262.gif") 0 -78px no-repeat;
color:black;
}




Menu link 1
Menu link 2
Menu link 3
Menu link 4
Menu link 5

[[i] 本帖最后由 lonjew 于 2008-4-25 08:49 编辑 [/i]]