HowApped HowApped - 6 months ago 49
CSS Question

z-index of bootstrap button dropdown

I'm having issues with the z-index of a bootstrap dropdown.

Portion of the page

In this page, the pass button's associated dropdown is appearing on a lower layer that the container and appears to constrain it.

Editing the following doesn't seem to fix.

Web inspector screenshot

Any ideas CSS people?




The reason your dropdown isn't being shown is that this element has the CSS option of overflow:hidden:

<div class="panel panel-default">

Edit bootstrap-alizarin.css line 4100 and remove overflow:hidden.

After you have done this, insert the following code after the closing tag of the .sanctions-result-actions div:

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