跳转到内容

层叠样式表/精灵

来自维基教科书,开放的书籍,开放的世界

使用 background-position:0 -##,其中 ## 等于要重新定位精灵的第一个像素的 y 坐标

使用 background-position 属性更改使用 CSS 精灵的链接的悬停状态

使用 ID 选择器时,使用 background-image 而不是 background 简写,以避免无意中覆盖基于类的 background-position 更改以用于 CSS 精灵

使用 image 标签上的 clip 属性执行前景精灵

确保类选择器不会被 ID 选择器的默认值意外覆盖,尤其是精灵的 background-position 更改,方法是使用长格式符号划分 ID 选择器的属性

参考资料

[编辑 | 编辑源代码]

扩展 CSS 精灵

CSS 精灵很愚蠢

华夏公益教科书