jquery - Bootstrap dropdown button position and z-index -


How to set the z-index of status and bootstrap drop-down buttons? Now it is visible behind text and other elements. HTML is given below.

  & lt; Div style = "position: relative;" & Gt; & Lt; Div style = "status: complete;" & Gt; & Lt; / Div & gt; & Lt; Div class = "profile-pick-holder" style = "status: complete;" & Gt; & Lt; Div class = "background-fade" & gt; & Lt; A href = "#" Data-Toggle = "Dropdown" & gt; & Lt; Span & gt; Action button & lt; / Span & gt; & Lt; / A & gt; & Lt; Ul class = "dropdown menu" & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Action 1 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Action 2 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Action 3 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Action 4 & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;   

The dropdown appears behind all other divs. Can anyone help?

Parents div has a overflow: hidden ; , which causes the menu to be hidden by its parent.

I recommend placing the image in your container on which you overflow: hide; .

, I recommend keeping CSS in a separate file, and not inline.

I updated your accordingly.

Comments

Popular posts from this blog

ios - Adding an SKSpriteNode to SKScene from a child SKSpriteNode -

Matlab transpose a table vector -

c# - Textbox not clickable but editable -