2014-11-22 30 views
0

我無法控制z-index,我想在徽標前放置一個2-6頁的棕色絲帶,但它不會再聽我說話,即使巨大的Z指數,你能指出我解決這個問題的正確方向嗎?我嘗試了多種解決方案,重新安排div的結構,但效率不高。無法控制z-index

這裏的開發商所在的服務器項目留下:

http://178.62.215.130/SV/#contact 

我的輸出是:

enter image description here

,我想放色帶在標誌前。 徽標顯示爲固定的,作爲z-index = 70的nav的一部分。我真的想添加一些代碼或其他東西,但不知道什麼可能是可以幫助的。我不希望任何人做我的工作,需要提示可能導致這種情況的提示。

+3

請在此處添加有意義的代碼和問題描述。不要只是鏈接到 需要修復的部位 - 否則,這個問題將任意值 失去未來遊客一旦問題得到解決。發佈 [簡短,獨立,正確的示例(SSCCE)](http://www.sscce.org/) ,這表明您的問題將幫助您獲得更好的答案。有關更多信息,請參閱 [我的網站上的某些內容不起作用。我只能粘貼鏈接到 呢?(http://meta.stackexchange.com/questions/125997/)謝謝! – j08691 2014-11-22 22:10:28

回答

1

如果z-index不起作用,那通常是因爲你試圖用靜態位置控制元素。爲了Z指數工作you have to useposition: absolute;,position: relative;position:fixed;

更新: 我認爲問題在於您的HTML結構+其定位過於複雜 - 例如,帶被放置在相對定位的元件內,該元件放置在再次放置在相關元件中的固定元件中。如果我在該結構外部放置一個div,我可以將它放置在我想要的位置(使用left,top和z-index屬性)。在你的情況下,問題可能是相對的定位,其中resets positioning context for nested elementsHere是另一個有趣的資源。

+0

我試過了,徽標和功能區是固定的,帶有帶背景的h2的z-index是999,標誌z-索引是70. background:url('wp-content/themes/so-vintage.com/img/common/ribbon.png')no-repeat scroll 0px -20px transparent; position:absolute; z-index:999!重要; 寬度:600px!重要; 身高:100px!重要; 職位:固定; top:13.35%; 剩餘:50%; transform:translate(-50%,-50%); – Nikolaus 2014-11-23 09:24:44

+0

我已經更新了我的答案.. – rocky 2014-11-23 13:13:51