2012-10-14 116 views
0

我有一個菜單和一個幻燈片,菜單的zindex大於幻燈片的zindex,但由於某種原因它被幻燈片掩蓋了。我查看了zindex上的文檔,找不到任何理由爲什麼會發生這種情況。zIndex按預期工作

你可以去這裏的網站:http://cp31.stablehost.com/~edenvill/

使用鉻請看網站。

任何幫助,將不勝感激!由於

+0

Z-指標只適用於除默認靜態的,即其他定位的元素,絕對和相對。 – Jawad

+1

請不要只發佈一個鏈接;包括相關的代碼。這些問題必須對未來的讀者保持有用,並且由於你明顯的原因,這些問題不會。 – Sparky

回答

4

你看到的問題是,因爲頂部的表有z-index的設置:

table.top-table { 
    .... 
     z-index: 9 !important; 
} 

因爲在這種情況下,父元素具有較低的z-index設置,則子元素具有較高的z-index不會影響兄弟姐妹的父母。 (這是可以理解的?)

如果增加這上面999(幻燈片標題面板),那麼它會工作:

table.top-table { 

    z-index: 99999 !important; 
} 
+0

明白了。謝謝! – FredTheLover