2010-08-28 7 views
0

J'ai une page web qui contient un élément div appelé #order_details qui est caché. Lorsqu'un utilisateur clique sur un bouton, l'élément div #order_details apparaît. Il semble que l'élément div ait un indice z de 6500 que j'ai vérifié est l'indice z le plus élevé de tout le site. Il utilise également jQuery parce que je vois code comme:jquery div au-dessus d'un autre div

$('#order_details').show(); 

que je connais montre l'élément du #order_details.

<html> 
    ... 
    ... 
    <div id="button"></div> 
    <div id="order_details"> 

     <div id="button2launch_SURVEY"></div> 
     <div id="survey"> 
     </div> 

    </div> 
</html> 

Maintenant, j'ai ajouté un nouvel élément div appelé #survey et quand je clique sur un bouton dans la #order_details div Je veux l'enquête apparaisse sur le dessus.

J'ai défini l'index z dans le css #survey comme étant 6599. Puis j'ai configuré jQuery pour afficher la div.

$('#survey').show(); 

le #survey div apparaît, mais pas au-dessus des #order_details div.

Ma question est:

ne fixe pas de la propriété z-index de #survey à une valeur supérieure censée faire en sorte que le #survey div apparaît en haut?

Toute aide serait grandement appréciée ...

Répondre

1

Assurez-vous #survey a un positionnement sur relative, absolute ou fixed. W3 spec

+0

qui n'a pas fonctionné pour moi. bien que j'ai seulement essayé – coson

+0

d'arrêter la presse !!! J'ai juste essayé absolu, et il a semblé fonctionner. Je pensais avoir compris la différence entre relatif et absolu mais j'avais évidemment tort. – coson

Questions connexes