将所需要的图标排成一列组成一张图片，方便管理。li的妙用
我在做一个网站的header
但是视频教学里面将电话图标，微信图标，以及每一个英文字母右边的小点拼成一副图。
（图片的名字是top_ioc。png）拼成的整个图片作为li的背景。通过移动就可以分别将每幅图放到指定位置。
.top_menu { float:left; }
.top_menu li { float:left; background:url(../images/top_ico.png) no-repeat right 14px; font-size:13px; line-height:30px; padding-right:18px; margin-right:15px; }
.top_menu a { color:#c0c0c0; }
.top_menu a:hover { color:#fff; }
.top_menu .no_dot { background:none; padding:0; margin:0; }
.top_bar { float:right; }
.top_bar li { float:left; height:30px; color:#fff; font-weight:bold; font-size:13px; line-height:30px; }
.top_bar .phone { background:url(../images/top_ico.png) no-repeat 8px -16px; padding:0 38px; }
.top_bar .help { background:url(../images/top_ico.png) no-repeat 0 -46px; padding:0 38px; }
.top_bar .help a { color:#fff; }
我的问题是：body有一个背景，每张图片作为li的背景他们不会覆盖吗？
解决：因为列排列的图片需要的图片放在li里面，作为背景，不需要的放在li外面所以看不到。
最新文章
- ScrollView嵌套ListView,GridView数据加载不全问题的解决
- 关于UIAlertAction如何修改sheet上的字体颜色
- 数据库模型设计PowerDesigner
- [1]IP地址查询
- Linux下永久修改主机名
- 浅析dex文件加载机制
- python语法-[with来自动释放对象]
- Android四大组件之服务-Service 原理和应用开发详解
- 获取json对象的长度
- Delphi中JSon SuperObject 使用:数据集与JSON对象互转
- Windows 8 应用开发 - 磁贴
- 201521123113《Java程序设计》第9周学习总结
- Java经典设计模式之五大创建型模式（附实例和详解）
- BSON数据格式
- hive时间日期函数及典型场景应用
- pypthon 3.6.5 绘制柱状图中文乱码的基本、根本、高效之解决方案~
- DHCP协议总结
- oracle partition table 分区表详解
- ffmpeg抓屏输出的设置
- 404 Note Found 队-Alpha10