Css 透明度更改为：悬停和：活动覆盖而不是重画的背景精灵

好的，这只是我为一个项目所做的一个测试示例（没有经过修饰）。假设您将一个用于导航的图像设置为元素的背景，该图像具有透明度，当它更改时，图像的可见部分会减少

我使用的是Iceweasel10，当我这样做的时候，“缩小”版的精灵仅仅是在之前的背景上绘制的。这意味着之前的背景在较小精灵的外部仍然可见

这可以通过为：active指定背景色和新的图像精灵来“修复”，但是保持透明度怎么样？如果背景不是纯色（或已知）怎么办

在html中。用来做雪碧的

---

这是我的浏览器渲染引擎的产物，还是CSS的标准？谢谢。

您的问题是一个背景正在应用于

a

，而另一个背景在容器上。设置

a

；的背景无法清除容器的背景。替换：

#home{
left:0px;
width:46px;
background:url('img_navsprites_hover2.png') 0 0;
}
#home a:hover{
background: url('img_navsprites_hover2.png') 0 -45px;
}
#home a:active{
background: url('img_navsprites_hover2.png') 0 -90px;
}

与

#主页{
左：0px；
宽度：46px；
}
#主页a{background:url（'img_navsprites_hover2.png'）0；}
#主页a:hover{background:url（'img_navsprites_hover 2.png'）0-45px；}
#主页a:active{background:url（'img_navsprites_hover2.png'）0-90px；}

我不敢相信我做了那件事：（非常感谢你帮我抓住了这一点！我真的被难倒了。我再也不会复制并粘贴w3schools的代码作为入门…总是从头开始！！！我通常非常擅长xhtml/css。再次感谢！感谢你提供的信息，我是stackoverflow的新手，尽管我已经看过很多次了。选中！）