jquery - 为所有未聚焦的 LI 添加透明覆盖层

Question

我在 LI 中有产品列表，我需要做的是，当我将鼠标悬停在某个产品上时，我需要所有其他 LI(产品)对其进行轻微覆盖，因此悬停在其上的产品更加突出。

任何帮助将不胜感激。

Answer 1

也许只需调整非悬停的 li 的不透明度，并将悬停的 li 的不透明度设置为 1？

ul:hover li {
  opacity: .8;
}
ul:hover li:hover {
  opacity: 1;
}

在 jsFiddle 上查看:http://jsfiddle.net/TXfKG/

更新:就像@amusstill提到的，如果您关心IE6，您可以使用另一个属性添加对它的支持:filter: alpha(opacity=50);