CODEWITHSUNDEEP
htmlcssdrop-down-menu
Ballon Ura
Ballon Ura

Reputation: 922

Make HTML dropdown to be above all page content

Im using that dropdown widget from http://www.w3schools.com/ :

<div class="dropdown">
  <button onclick="myFunction()" class="dropbtn">Dropdown</button>
  <div id="myDropdown" class="dropdown-content">
    <a href="#">Link 1</a>
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
  </div>
</div>

But the dropdown is not above and hide it, it overlap Show Image: https://s24.postimg.org/vitjpspv9/image.png What CSS i need ? Thx.

Upvotes: 1

Views: 1634

Answers (1)

jjislam
jjislam

Reputation: 563

try changing the layers using z-index.

add the css property:

z-index: 4;

keep increasing the number if it is still overlapping. this should allow the black box to come to the front.

Upvotes: 1

Related Questions