Kan iemand mij helpen met het volgende ?

onder de navbar heb ik een input veld om live te zoeken naar andere leden.

De resultaten komen terug in het id "result_find_friend"(zie code hieronder) deze div moet over alle andere divs heen komen en dat is in dit geval een thumbnail ( bootstrap)alleen nu blijft dit veld achter de thumbnail komen behalve als ik de thumbnail een negative z-index geef maar de thumbnail is ook een link(a href) en dit werkt niet met een negative z-index weet iemand hoe dit om te lossen ? alvast bedankt

<?php

<div class="result_find_friend" id="result_find_friend"></div>
//css
.result_find_friend{
position: relative;
z-index: 999;
height: auto;
max-height: 200px;
width: auto;
max-width:300px;
margin: 0px auto 0px auto;
border-radius: 10px;
overflow: auto;
display: block;
background-color: #e7e7e7;
}

//de thumbnail
<div class="row">
<div class="col-md-12">
<a href=">">
<div class="thumbnail">
<img src="">
</div>
</a>
</div>
</div>


?>
Is de code zoals die hierboven staat ook zoals die in je script staat?
Ik zou css namelijk niet midden in mijn html code plaatsen, maar in de head.
nee is niet inline
Niemand hier een oplossing voor ?
Ik snap het verhaal niet echt goed.
Probeer dit eens :

//css
.result_find_friend{
position: relative;
z-index: 999;
height: auto;
max-height: 200px;
width: auto;
max-width:300px;
margin: 0px auto 0px auto;
border-radius: 10px;
overflow: auto;
display: block;
background-color: #e7e7e7;
}
.thumbnail {
z-index:1000;
}

Bedankt voor de reactie er zat ergens anders een foutje in de code ,

Het werkt nu wel met de code zoals hierboven beschreven
Fijn om te horen stefan ;) ( btw code niet getest pure gok haha :P )

Reageren