ДИВ с более высоким Z-индекс появляется за DIV с более низким индексом г

У меня есть что-то вроде этогоДИВ с более высоким Z-индекс появляется за DIV с более низким индексом г

<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-индекса. Если я удалю z-index token_source, тогда все будет хорошо. Я знаю, что мне не хватает чего-то очень очевидного здесь. Кто-нибудь может мне помочь?

источник

2013-07-10 ShaggyInjun

родитель г-индекс, token_source имеет приоритет над ребенком лексемы. поэтому 2000 <4000 – Rooster

Я уверен, что это имеет какое-то отношение к вложенности внутри нижнего индекса z –

@Rooster спасибо за ответ. Как я могу сказать, чтобы игнорировать родительский индекс z? – ShaggyInjun

добавить позицию в ваших дивы, например

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

источник

2013-07-11 02:35:23

Да, вот что я имел в виду в своем вопросе-комментарии. Возможно, это поможет вам: http://stackoverflow.com/questions/10322868/z-index-and-relative-absolute-positioning – algorhythm

@Abdul, спасибо за ответ, но это действительно не вариант. Я уже использую 'position: absolute', и если я добавлю его в эти div, он нарушит представление. Вместо этого я решил удалить стиль на token_source с помощью javascript, пока токены перетаскиваются, а затем добавляются обратно после завершения перетаскивания. – ShaggyInjun

ДИВ с более высоким Z-индекс появляется за DIV с более низким индексом г

ответ

Смежные вопросы