css attribut Flotter un contenu de page ci-dessus



html img title (4)

Utilisation

position: absolute;
top: ...px;
left: ...px;

Pour positionner le div. Assurez-vous qu’il n’a pas de balise parente avec position: relative;

J'ai implémenté une boîte de dialogue qui affiche dynamiquement les options de recherche. Je souhaite que la boîte «flotte» avant tout le contenu du site. Actuellement, lorsque la boîte est affichée, elle déplace tout le contenu au-dessous et semble mauvais.

Je crois que j'ai déjà essayé de définir le z-index du div de la boîte au-dessus de celui du contenu de la page restante, mais toujours pas de chance.


Answer #1

donner z-index:-1 pour clignoter et donner z-index:100 pour div ..


Answer #2

Oui, plus l'indice z est élevé, mieux c'est. Il positionnera votre élément de contenu sur tous les autres éléments de la page. Disons que vous avez un index z pour certains éléments de votre page. Recherchez le plus élevé, puis donnez un index z plus élevé à votre élément popup. De cette façon, il passera même sur les autres éléments avec z-index. Si vous n'avez pas d'index z dans aucun élément de votre page, vous devriez donner comme z-index: 2; ou quelque chose de plus élevé.


Answer #3

Vous voulez utiliser le positionnement absolu .

Un élément de position absolue est positionné par rapport au premier élément parent qui a une position autre que statique. Si aucun élément de ce type n'est trouvé, le bloc contenant est html

Par exemple :

.yourDiv{
  position:absolute;
  top: 123px;
}

Pour que cela fonctionne, le parent doit être relatif ( position:relative )

Dans votre cas, cela devrait faire l'affaire:

.suggestionsBox{position:absolute; top:40px;}
#specific_locations_add{position:relative;}




z-index