Comment faire apparaître une Div sur tout le reste de l'écran?

J'ai le popup suivant:

Comment faire apparaître une Div sur tout le reste de l'écran?

Mais lorsque je déplace ce pop up sur la carte, il obtient caché:

Comment faire apparaître une Div sur tout le reste de l'écran?

J'ai essayé le réglage de la z-index dans mon CSS feuille de propriétés, mais cela ne fonctionne pas.

Est-il un code HTML/CSS de la propriété, je peux mettre pour que le popup, qui est un DIV, en fait toujours sur le dessus de tout le reste?

source d'informationauteur jordan.peoples | 2013-09-10

  1. 18

    z-index n'est pas que simple ami. Il n'a pas vraiment d'importance si vous mettez z-index:999999999999..... Mais il est important QUAND vous lui avez donné que z-index. Les différents dom-éléments de préséance les uns sur les autres.

    J'ai une solution, lorsque j'ai utilisé jQuery pour modifier les éléments css, et lui a donné le z-index seulement quand j'ai besoin de l'élément à être sur le dessus. De cette façon, nous pouvons être sûrs que le z-index de cet article a été donnée en dernier, et l'indice sera noté. Celui-ci nécessite un peu d'action, pour être manipulés, mais dans votre cas, il semble être possible.

    Ne sais pas si cela fonctionne, mais vous pouvez essayer de donner à la !important paramètre trop:

    #desired_element { z-index: 99 !important; }

    Référence philipwalton.com

  2. 7

    Êtes-vous à l'aide de position: relative?

    Essayer de mettre position: relative et puis z-index parce que vous voulez que cette div a un z-index en relation avec d'autres div.

    Par ailleurs, votre navigateur est important de vérifier si elle fonctionne ou pas. Ni IE ou Firefox est un bon.

  3. 5

    Ensemble de la DIV du z-index pour une plus grande que les autres DIVs. Vous aurez également besoin de vous assurer que le DIV a une position autres que static fixés sur elle, trop.

    CSS:

    #someDiv {
    z-index:9; 
}

    Lire la suite ici: http://coding.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/

  4. 3

    vous devez utiliser position:fixed de faire z-index valeurs à appliquer à votre div

  5. 3

    Essayez de régler une position à l'absolu, c'est à dire. 

    #yourDiv{
    position: absolute;
    z-index: 10;
};
  6. 1

    Un formulaire pour ce faire est d'insérer le panneau que vous souhaitez développer à l'intérieur d'un DIV programmés comme relative: laissez-vous montrer:

    <div style="position:relative">
  <div style="position:absolute; z-index: 1000;">
    your code
  </div>
<div>

    Vous utilisez la première div en position, le contenu intérieur dans une zone spécifique à l'intérieur de votre page et la deuxième absolue devrait être renvoyée au conteneur (parce que c'est relatif) Le z-index dans ce cas est évoqué aussi conteneur et s'il plus élevé que le conteneur doit être au top. Vous pouvez mettre le style dans une classe css et modifier la taille absolue de la div pour la développer sur le vol stationnaire ou d'une autre action que vous souhaitez contrôler.

    J'espère que cette aide

  7. -2

    toujours afficher les menus déroulants en haut, la seule solution de ce problème consiste à masquer les listes déroulantes lorsque l'image est affiché (display:block ou visibility:visible) et de leur montrer lorsque l'image cachée (display:none ou visibility:hidden)