背景位置：中心；在css技巧视频中不理解悬停

我在15:15观看这段css视频，chris写了这样的代码

ul#nav li a:hover
{
 background-position:centre centre; 
}

在代码标签改变颜色后，悬停如何可能，我不理解他。谢谢你的帮助。

读一些关于你的东西，你就会明白

基本上，创建一个具有两种状态的一个图像。在页面上，您只显示该图像的一部分（仅显示1个状态）。图像被设置为背景。随着背景图像位置的改变，你改变了它的状态，瞧

我指的是两种状态。您可以看到随着位置的变化而改变的上下状态。

阅读相关内容，您就会明白

基本上，创建一个具有两种状态的一个图像。在页面上，您只显示该图像的一部分（仅显示1个状态）。图像被设置为背景。随着背景图像位置的改变，你改变了它的状态，瞧

---

我指的是两种状态。您可以看到随着定位而改变的上下状态。

此属性将

背景图像

与元素的精确中心对齐。

：悬停

：

background-position: center center;

在前面的代码中，

背景图像

的位置可能不同：

ul#nav li a:hover
{
 background-position: center top; 
}

背景图像可能是一个精灵（谷歌术语）：

---

定位背景将允许您裁剪出大图像的一小部分（保留带宽并缩短加载时间）。

此属性将

背景图像

与

上元素的精确中心对齐：悬停

：

background-position: center center;

在前面的代码中，

背景图像

的位置可能不同：

ul#nav li a:hover
{
 background-position: center top; 
}

背景图像可能是一个精灵（谷歌术语）：

---

定位背景将允许您裁剪出一幅大图像的一小部分（保留带宽，加载时间缩短）。

顺便说一句，这是美式拼写“center”。这是美式拼写“center”，顺便说一句，你能做一把小提琴来示范吗？谢谢你能做一把小提琴来示范吗。ThanksGoogle有你需要的东西。谷歌：CSS精灵。请你做一个小提琴来演示一下。ThanksGoogle有你需要的东西。谷歌：CSS精灵。