How to make my select option absolute and top of card element?-CodePudding

i have a input tag that can search skills. when i type, the option bar will be under the profile card.

 i want to make my select option on top of the profile card. [![select option box under the profile card](https://i.stack.imgur.com/3E724.png)](https://i.stack.imgur.com/3E724.png)

here is my css code for select option box:
`
.hover {
        list-style-type: none;
        padding: 0;
        margin: 0;
        height: 400px;
        width:300px;
        overflow: auto;
        position: absolute;
        display:block;
    }
`
im trying to make my select option box on top of the profile card

CodePudding user response：

Use z-index The z-index prioritizes the stacking of elements. Give the select option a higher z-index than the card element.

CodePudding user response：

You have to add css property z-index to the expended box.

eg. z-index: 12;