z-index кнопки бутстрапа dropdown

Question

У меня возникли проблемы с z-индексом выпадающего списка бутстрапов.

http://jonwhittlestone.com/public/z.html

На этой странице, связанная выпадающий на кнопку Пропустить является появляться на нижнем слое, что контейнер и, кажется, чтобы ограничить его.

Редактирование следующего, кажется, не исправить.

Любые идеи CSS люди?

Thanks

Jon.

Answer 1

Причина ваш выпадающий не показывается, что этот элемент имеет возможность CSS в overflow:hidden:

<div class="panel panel-default"> 

Редактировать bootstrap-alizarin.css линии 4100 и удалить overflow:hidden.

После того как вы сделали это, вставьте следующий код после закрытия тега .sanctions-result-actions DIV:

<div style="clear:both;"></div> 

Answer 2

Существует другой стиль CSS (самозагрузки-alizarin.css: 4100), вы должны изменить его:

.panel-group .panel { 
    /*...*/ 
    overflow: hidden; /* to remove */ 
} 

Answer 3

это overflow:hidden вопрос сделать это изменения из .panel

overflow:hidden не позволит его дети, чтобы показать, если выходят

.panel-group .panel { 
    background: #fbfbfb; 
    margin-bottom: 0; 
    border-radius: 5px; 
    /* overflow: hidden; */ /* remove this */ 
    float: left; /* and add this */ 
    width: 100%; /* and add this */ 
    } 

Answer 4

правило overflow: hidden на контейнере проблема

переопределение его overflow: visible

Answer 5

Я могу видеть, что родительский DIV с классом = «Щитовой-умолчанию» имеет переполнение: скрытый. Если вы хотите отобразить внутренний div из родительского переполненного переполнением div, вы должны поместить этот div из текущего. Отметьте это сообщение: post