Comment faire l'affichage de l'horloge et l'événement aujourd'hui derrière le bouton de recherche

Question

J'ai mis en place une table pour montrer l'événement aujourd'hui et l'affichage de l'horloge près du bouton de césium. Cependant, quand j'ai cliqué sur le bouton de recherche, l'affichage de recherche est derrière l'affichage d'horloge. Laissez-moi vous montrer une image.

Mon code se trouve ci-dessous ... fichier HTML

<div class="toolbar-left2 noselect" style="position:fixed; left: 1085px;top:5px;">--> 
     <table> 
      <tr> 
       <td style="color:white;"><font size="3">Events Today : </font></td> 
       <td id="totalattack" style="color:white;"><font size="3">&nbsp;0</font></td> 
      </tr> 
      <tr> 
       <td style="color:white;"><font size="3">Current Time &nbsp;</font></td> 
       <td id="todaylocaltime"style="color:white;"></td> 
      </tr> 
     </table> 
    </div> 

alors comment mettre l'horloge et l'événement d'aujourd'hui derrière l'écran de recherche ... S'il vous plaît aidez-moi. Devrais-je modifier le code cesium.js ???? Ou exécutez z-index pour cela. Dois-je modifier le géocodeur ?????? Si oui, comment le faire ?? Merci

Answer 1

Vous pouvez définir l'index z du dom avec le style position: fixed (l'enveloppe de la table) et l'enveloppe de recherche dom, puis la dom dont l'indice z a la plus petite valeur derrière la plus grande.