背景属性的一般使用案例：
1.
通过ul 和 li 的方式，我们可以构造出一些无序列表。通过ul+li，我们不仅可以做出一些漂亮的菜单，也可以做出一些完美的树形结构。 ul+li默认样式在前面有个小黑点，实际项目中我们可以通过背景来代替这个小黑点。
2.
文本替换也是项目中比较常见的技术。实际开发中经常需要使用图片来替换文本。通过背景来代替文本。
可以通过text-indent:-9999px;属性把 文字隐藏到看不到的地方。也可以通过添加额外标签，然后使用定位方式把背景定位在上层，来遮住文字。
可以通过text-indent:-9999px;属性把 文字隐藏到看不到的地方。也可以通过添加额外标签，然后使用定位方式把背景定位在上层，来遮住文字。
3.自适应按钮
自适应需要至少2个闭合元素。通过一个背景左对齐和另一个背景图片的右对齐 来做成自适应按钮。
4.等高栏
我们经常要使他们2个呈现一样的高度。通过对最外层元素使用背景图片来达到了这种效果。
本文转自 randy_shandong 51CTO博客，原文链接：http://blog.51cto.com/dba10g/229675，如需转载请自行联系原作者
