How to superimpose my "dropdown" so that it is not hidden?

-2

I have this problem with my dropdown, where as you can see, it is placed behind the table and when trying to move the mouse by the dropdown when the cursor meets the table, the dropdown is hidden again, I would like to superpose it for to be seen in front of the table or good, the general content there.

EDIT:

I already solved it, this was what I did in CSS, the class of formtables (that edit the table) put your z-index in -1 (before it was in 1) and the class of dropdown-content, in its z-index section, pass it to 999.

.formtablas {     background-color: #ccc;     opacity: 0.9;     padding: 15px 25px;      position: absolute;     z-index: -1; }

.dropdown-content {   display: none;   position: absolute;   background-color: # f9f9f9;   min-width: 160px;   box-shadow: 0px 8px 16px 0px rgba (0,0,0,0.2);   z-index: 999; }

PS: Sorry for not passing the code, is that as there was no error in the code I did not see the need to post it, but I will read the rules that I should have read before, thanks.

    
asked by Hoozuki 28.11.2017 в 16:50
source

1 answer

0

If the dropdown has a position:absolute , put it:

z-index:999

the higher the z-index , the more the element will be placed.

    
answered by 28.11.2017 / 16:58
source