z-index, не делая div, появляется поверх другого div

Question

индекс и имейте проблему. У меня есть эта кнопка, когда щелчок, он будет показывать на содержание, но оно не перекрывает DIV перед, если я также попытался установить его Z-индекс по щелчку вот мой код до сих пор

<script type="text/javascript"> 
function change() 
{ 
    alert("Asd"); 
    $('#account-container').css('z-index', 11); 
} 

и вот что это выглядит как

любую идею о том, что я должен делать? Большое спасибо

Answer 1

Высшее z-index не достаточно. Оба элемента должны иметь position, и он должен быть absolute и/или relative.

Я бы с relative для родителей и absolute для ребенка (а затем использовать top/left в положение). Следующая игра с z-index для обоих, где более высокое значение для ребенка (или слоя, который должен быть сверху).

В большинстве случаев z-index должен сочетаться с positionbut not always. Спасибо Michael_B за указание на это.

Answer 2

Содержание, которое перекрывается, должно иметь более высокое значение z-index. вы можете поместить свой код в jfiddle. так что я могу вам помочь

Answer 3

См. Ниже ссылку. Это должно помочь вам: http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_style_zindex_div

Answer 4

Несколько указатели:

• z-index работает только в определенном контексте, т.е. relative, fixed или absolute позиции.

• z-index для relative DIV не имеет ничего общего с z-index в качестве absolute или fixed дел.

• z-index не работает на static позиционированных элементах (есть исключения из CSS3).