HowApped HowApped - 21 days ago 9
CSS Question

z-index of bootstrap button dropdown

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

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

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?

Thanks

Jon.

Answer

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>