精灵技术使用的核心
首先我们知道，css精灵技术主要针对于背景图片，插入的图片img 是不需要这个技术的。
首先测量所需图片在整张精灵图上的为值，测量为X轴方向，Y轴方向。
使用background将精灵引入，并且确定好位置。
因为以左上角X，Y的0点，所以X，Y轴的距离均使用负值。
css中滑动门
制作网页时，为了美观，常常需要为网页元素设置特殊形状的背景，但是文字不一样长，所需要的背景也不一样长，这样就会出现一些问题。
为了使各种特殊形状的背景能够自适应元素中文本内容的多少，出现了CSS滑动门技术。它从新的角度构建页面，使各种特殊形状的背景能够自由拉伸滑动，以适应元素内部的文本内容，可用性更强。 最常见于各种导航栏的滑动门。
核心技术
核心技术就是利用CSS精灵（主要是背景位置）和 盒子padding撑开宽度, 以便能适应不同字数的导航栏。
版权声明： 
原文链接： 
