[問題] z-index與hover問題

看板Web_Design作者 (Satanael)時間14年前 (2011/10/24 12:36), 編輯推噓2(203)
留言5則, 2人參與, 最新討論串1/1
範例網址; http://jsfiddle.net/zBYV5/ 原始碼檔案下載 http://www.megaupload.com/?d=6T9WMXCL 問題描述: 我希望在滑鼠移到See detail的時候,跳出一個tooltip。問題出在一開始 大家z-index都一樣,移過去的時候會有圖層一樣,導致字疊在一起的情況。 所以我就特別把ul.sidenav li.Release裡面的index調成1,確實可以改善此問題。 但經一調整,只要滑鼠移到See detail有跑出tooltip之後,我再把滑鼠滑到 version或者release date那格,竟然也莫名跑出tooltip。想說我只有指定 滑到有div才要跑出來。但如果大家z-index都一樣的狀況下,又不會有這種情況。 不知道可以請各位版友幫我看看是那邊有寫錯嗎?感謝!!!! -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 220.135.91.44

10/24 14:58, , 1F
還好我都偷懶用jquery tipTip
10/24 14:58, 1F

10/24 23:04, , 2F
因為hover的callback沒有把css display改回none
10/24 23:04, 2F

10/24 23:06, , 3F
tooltip只是變成透明而已 它本身包含在li裡頭所以晃到它的
10/24 23:06, 3F

10/24 23:06, , 4F
範圍也會引發事件
10/24 23:06, 4F

10/24 23:06, , 5F
callback加上.css("display","none")就好了
10/24 23:06, 5F
文章代碼(AID): #1EfEjeHC (Web_Design)