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
Post a Comment