本文介绍了CSS图像拼合技术，通过将多个图像组合成一个大图，减少服务器请求，节省带宽。详细解析了如何创建导航列表的图像拼合，包括各个元素的位置和背景图像设置，以及实现悬停效果的方法。
图像拼合就是单个图像的集合。
有许多图像的网页可能需要很长事件来加载和生成多个服务器的请求。
使用图像拼合会降低服务器的请求数量，并节省带宽。
图像拼合--创建一个导航列表
<!DOCTYPE html>
<html>
<head>
<title>自学教程(如约智惠.com)</title>
<meta charset="utf-8">
<style>
#navlist {position:relative;}
#navlist li{
margin:0px;
padding:0px;
list-style:none;
position:absolute;
top:0px;
}
#navlist li, #navlist a{
height:44px;
display:block;
}
#home {
left:0px;
width:46px;
background:url('./images/img_navsprites.gif')0 0;
}
#prev {
left:63px;
width:43px;
background:url('./images/img_navsprites.gif')-47px 0;
}
#next {
left:129px;
width:43px;
background:url('./images/img_navsprites.gif')-91px 0;
}
</style>
</head>
<body >
<ul id="navlist"
最低0.47元/天 解锁文章
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
