2013-07-10 34 views
0

DIV我有這樣的事情DIV具有較高的z-index後會出現更低的z-index

<div class="target" style="z-index: 4000;"></div> 
<div class="token_source" style="z-index: 2000;"> 
    <div class="token" style="z-index: 10000;"></div> 
</div> 

現在我可以標記拖動到目標。當我將令牌拖到目標上時,令牌出現在不正確的目標後面,看到令牌的z-索引如何大於目標z-索引。如果我刪除token_source z-index,那麼一切正常。我知道我錯過了一些非常明顯的東西。有人可以幫我嗎?

+2

父的z-index,token_source優先於子令牌。所以2000 <4000 – Rooster

+0

我敢肯定,它與嵌套在較低z-索引內的東西有關 –

+0

@Rooster感謝您的答覆。我如何告訴它忽略父Z指數? – ShaggyInjun

回答

1

添加位置到你的div例如

.target,token_source,token{position:absolute;} 
+0

是的,這就是我的問題評論。也許這將幫助你:http://stackoverflow.com/questions/10322868/z-index-and-relative-absolute-positioning – algorhythm

+0

@Abdul,謝謝你的答案,但那不是一個選項。我已經在使用'position:absolute'了,如果我將它添加到這些div,它將打破視圖。相反,我已選擇在令牌被拖動時使用javascript去除token_source上的樣式,然後在拖動完成後將其添加回來。 – ShaggyInjun