Quelque part en cours de développement this page Web J'ai réussi à provoquer un décalage indésirable de la div #mainWrap qui contient tout en dessous du menu de navigation supérieur. Lorsque vous survolez le lien "Catégories" et que le sous-menu apparaît, le div #mainWrap décale vers le bas de quelques pixels. Lorsque vous éloignez le curseur, il revient vers sa position d'origine.css hover provoquant un mouvement div indésirable

Qu'est-ce qui pourrait causer ce changement de vitesse?

Merci

2013-04-06 crm

plutôt que de fournir un lien vers votre page Web, vous devez créer un jsFiddle pour faciliter l'accès de code. Pour moi, il semble que le menu déroulant ajoute une marge. – Sprottenwels

Le modèle de boîte CSS est en jeu ici, dans ce bloc de code: si votre retirer le rembourrage alors il ne se déplace pas

#cssmenu ul li.has-sub:hover > a { 
    background: #3f3f3f; 
    border-color: #3f3f3f; 
    padding-bottom: 13px; 
    padding-top: 13px; 
    top: -1px; 
    z-index: 999; 
    }

le vol stationnaire ajoute 13px top-bottom margin qui augmente la hauteur,. Essayez-le.

Source

2013-04-06 13:32:11 lazyprogrammer

hauteur de changement sur header-height: 167px;

Source

2013-04-06 13:33:50

tout d'abord je voudrais juste fixer les catégories planent événement, un aller à partir de là ...

CSSMenu ul li.has-sub: hover> a

supprimer ce "haut: 1px;"

si vous devez déplacer jusqu'à déplacer vers le haut que

Source

2013-04-06 13:50:42 swirm

oh par la façon dont vous avez une erreur JS Uncaught SyntaxError: Jeton inattendu; /sites/newmjbox/index.php#:3 ReferenceError non interceptée: loginFailed n'est pas défini – swirm

css hover provoquant un mouvement div indésirable

Répondre

CSSMenu ul li.has-sub: hover> a

Questions connexes