为什么 jQuery .animate({opacity:0}) 也会改变 z-index答案

【问题标题】：Why jQuery .animate({opacity:0}) changes the z-index too为什么 jQuery .animate({opacity:0}) 也会改变 z-index
【发布时间】：2011-10-08 17:58:11
【问题描述】：

基本上标题说明了一切——为什么 jQuery .animate({opacity:0}) 也会改变 z-index？

你知道怎么解决吗？

编辑：
示例链接：http://jsfiddle.net/4vUc7/

谢谢。

【问题讨论】：

你能不能提供一个关于jsfiddle.net的小提琴？
用小提琴链接编辑了我的帖子。
谢谢。似乎它不是 jQuery，因为使用了固定的不透明度，例如0.7 也会让它发光。
我不知道为什么会这样，但我确实重新组织了你的 jsfiddle，所以它并不是全部在 HTML 框中jsfiddle.net/mazlix/4vUc7/1
可能的解释：stackoverflow.com/questions/2837057/…

标签： jquery z-index opacity

【解决方案1】：

正如question linked by jen 中提到的，这不是 jQuery 错误，而是浏览器问题。如果您在调试控制台中监视其不透明度被切换的元素的属性，您会注意到只有不透明度被触摸。 jQuery 没有触及z-index，但浏览器以不同的方式呈现不透明度不等于 1 的元素。

我对您的代码做了一些额外的更改：http://jsfiddle.net/radu/4vUc7/6/。

【讨论】：

【解决方案2】：

您的z-index 中缺少分号

这是更新后的fiddle

【讨论】：

它确实解决了我的问题，但真正的问题是为什么我必须首先使用 z-index？ jquery .animate({opacity:0}) 改变元素的z-index。顺便说一句，缺少分号是一个愚蠢的错误：|