2017-09-19 18 views
0

J'ai réglé le menu principal et le menu déroulant titlecart. Quand je suis sur mon site web avant de faire défiler vers le bas titlecart correctement déroulant, s'il vous plaît vérifier l'image ci-dessous enter image description heremenu fixe prestashop après le problème de défilement

mais quand je défile vers le bas et mon menu fixe coller au sommet et je veux revenir et vérifier un nouveau titre de chariot ressembler à ceci: enter image description here

formulaire de recherche cover titlecart drop down, je sais qu'il y a un problème avec Z-Index, j'ai essayé de trouver une solution partout et je n'ai trouvé aucun résultat. Si quelqu'un a eu un problème simmilar et savoir quoi faire, laissez-moi savoir s'il vous plaît.

Pour plus d'informations, je vais ajouter my website

S'il vous plaît laissez-moi savoir si quelque chose de plus est nécessaire pour vérifier la question. Merci!

Répondre

0

Vous devez définir un z-index plus élevé à votre élément header-container J'ai trouvé que z-index de 10000 fonctionne dans votre cas.

.header-container { 
    z-index: 10000; 
} 

Mise à jour

Comme SARCOM suggéré dans les commentaires, vous devez gérer les z-index dans votre site Web afin qu'ils ne reçoivent pas la main et vous ne courez pas dans des problèmes similaires .

Voici un bon article sur le sujet de la gestion z-index: https://medium.com/science-journal/z-index-organization-in-css-5913fd4c25c9

+0

Merci, cela a fonctionné. Avant cela, j'ai essayé tout le monde :). Merci – Mkik

+1

L'index z n'est pas une valeur simple à incrémenter à l'infini, il faut une gestion correcte ... – sarcom

+0

Bonne amélioration de la réponse;) – sarcom

2

Fix: global.css

# 5552 z-index: 0; 

Fix: blockcart.css

# 136 z-index: 1031; 
+0

Cela a fonctionné aussi, merci! – Mkik

+0

Oh oui, je sais :) – sarcom