Как показать выпадающее меню в модальном над красным div?

Question

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

Это я fiddle и css.

.box1 { 
    display: block; 
    position: absolute; 
    height: 50px; 
    width: 100px; 
    background: red; 
    z-index: 10000; 
    left: 280px; 
    top: 200px; 
} 
#menu1 { 
    z-index: 100001; 
} 

EDITED: modal over redbox и redboxe над выпадающим меню.

Answer 1

Просто измените z-index: 10000 от box1 к z-index: 999 как это:

.box1 { 
    display: block; 
    position: absolute; 
    height: 50px; 
    width: 100px; 
    background: red; 
    z-index: 999; 
    left: 280px; 
    top: 200px; 
} 

Answer 2

Вы должны изменить Z-индекс #myModal не в раскрывающемся меню. Поскольку родительский элемент раскрывающегося списка является модальным. Причиной этого является z-index, который всегда унаследован от родителя (если он установлен). Таким образом, по умолчанию из бутстрапа существует значение z-index для модального (родительский элемент раскрывающегося списка).

.box1 { 
    display: block; 
    position: absolute; 
    height: 50px; 
    width: 100px; 
    background: red; 
    z-index: 10000; 
    left: 280px; 
    top: 200px; 
} 
#myModal { 
    z-index: 10001; 
} 

Надеюсь, это вам поможет.