2011-07-19 73 views
8

基本上標題說了一切 - 爲什麼jQuery .animate({opacity:0})也改變了z-index?爲什麼jQuery .animate({opacity:0})也改變了z-索引

你知道如何解決它嗎?

編輯:
鏈接,例如:http://jsfiddle.net/4vUc7/

感謝。

+0

你可能在http://jsfiddle.net/上提供了一個小提琴嗎? – pimvdb

+0

編輯我的帖子鏈接到小提琴。 – Ron

+0

謝謝。看起來它不是jQuery,因爲使用固定的不透明度例如'0.7'也使它閃耀。 – pimvdb

回答

6

你失蹤分號在z-index

這裏是更新fiddle

+0

它確實解決了我的問題,但真正的問題是爲什麼我必須首先使用z-index? jquery .animate({opacity:0})改變元素的z-index。順便說一句,缺少分號是一個愚蠢的錯誤:| – Ron

1

正如question linked by jen提到的,這不是一個jQuery錯誤,但瀏覽器的問題。如果您在調試控制檯中監視不透明度正在切換的元素的屬性,您會注意到只有不透明度正在被觸摸。 jQuery沒有觸及z-index,但瀏覽器呈現不透明度不等於1的元素。

我對代碼做了一些額外的修改:http://jsfiddle.net/radu/4vUc7/6/