混淆定位問題

考慮以下鏈接http://indivar.biz/deva/node/41然後懸停標籤「培訓計劃」，它會打開子菜單。打開的子菜單在「UPCOMING PROGRAMS」下面打開，標題在下面的紫色框中。而且需要在紫色盒子正上方打開。

那麼，你能不能讓我知道，這個問題怎麼解決。子菜單在主頁上工作正常，但在內部頁面上。

THANKS 巴爾卡爾

2012-04-18 user762247

添加到您的CSS 。

#background-bg { 
    { 
    position: relative; 
    z-index: 100; 
    } 
#content > .wrapper { 
    { 
    position: relative; 
    z-index: 10; 
    }

儘管建議您不要使用ID作爲造型，但是您可以使用此修補程序。這不會是一個問題。

相對

來源

2012-04-18 07:44:28

爲什麼不是它建議使用一個id爲造型？ – allen213 2012-04-18 07:45:46

使用CSS ID選擇器編寫的樣式不可重複使用。代碼變得不易維護。您可以閱讀這篇文章以獲取更多信息。 http://oli.jp/2011/ids/ – 2012-04-18 07:50:59

我不同意，ID風格對於一個獨特的非重複元素是完全有效的。 – allen213 2012-04-18 07:54:33

這個類.node型頁＃背景BG的z-index爲0，則提高到1以上，問題將

來源

2012-04-18 07:34:27

wrapere位置和z指數作爲這樣

#content > .wrapper { 
     margin: 0 auto; 
     position: relative; 
     width: 960px; 
     z-index: -1; 
    }

來源

2012-04-18 07:53:03

謝謝Azad，你的代碼工作得很好！ – user762247 2012-04-18 10:06:21

混淆定位問題

回答

相關問題