z-index étant écrasé quelque part

Question

http://alexruimy.com/tll3/

si vous tapez dans la barre de recherche, vous verrez les résultats de recherche slide box vers le bas. Pour une raison quelconque (cela n'a pas été le cas auparavant!), La boîte de résultats de la recherche passe derrière la zone d'image grise au lieu de la dépasser.

j'ai essayé:
- la mise en contenant le zindex de div à 999 important dans style.css
- même chose sur appel de fonction via js
- abaissement de la zindex de la boîte grise derrière!.

en vain. heureux de fournir plus de code si nécessaire. Je me sens comme ce sera une solution rapide une fois que je me rends compte où j'ai foiré.

merci!

Answer 1

Firebug est votre ami pour des choses comme ça. Si vous n'utilisez pas Firebug, prenez le temps de l'apprendre car cela vous épargnera d'innombrables maux de tête sur la route. En ce qui concerne votre problème, le div actuel couvrant votre liste déroulante a un z-index de 10. Votre liste déroulante, tout en ayant un z-index de 1000, est contenue dans un div parent qui n'a pas de z- ensemble d'index. La solution est de donner le parent div un z-index:

#header {z-index: 11}