Ne peut pas faire le travail déroulant

Question

J'ai ce menu déroulant, pour le faire fonctionner, je ne vois qu'une seule solution Décoller débordement, mais si je prends il reste comme ceci:

mais si je demande un trop-plein: caché reste comme ceci:

Comment puis-je faire ce travail. J'ai essayé d'appliquer débordement: caché; dans d'autres div mais ne fonctionne pas.

Lien vers le site: http://store01.titus.biz/

<div class="span12 horizontal-category" style="overflow: hidden">         
     <span class="carousel-prev disabled" id="carousel-category-prev"></span> 
     <ul class="nav myCustomNav">  
    <li class="dropdown"></li> 
     ... </ul> 
</div> 

Answer 1

Vous pouvez essayer d'utiliser l'écrêtage. Supprimez d'abord le débordement sur la classe div.span12.horizontal. Ensuite, ajoutez un clip rect sur le div qui est entre les 2 boutons de contrôle # carousel-category-prev, # carrousel-category-next. La position absolue est nécessaire pour utiliser le découpage. Mais ça devrait aller.

<div class="span12 horizontal-category"> 
    <span id="carousel-category-prev" class="carousel-prev disabled"></span> 
    <div style="position: absolute; clip: rect(auto, auto, 500px, auto);"></div> 
    <span id="carousel-category-next" class="carousel-next"></span> 
</div> 

Ceci devrait écrêter le débordement à gauche et à droite. Puis augmentez le fond (500px) à la valeur que vous voulez. L'écrêtage est un moyen de contrôler le fonctionnement du débordement.

Answer 2

Cela vous aidera peut-être:

Enlever overflow: hidden de class="span12 horizontal-category".
Ajouter dépassement: masqué à class="main-container".

Et vous pouvez donner des boutons de contrôle, comme ../img/button-prev-disabled.png un fond blanc, de sorte que vous ne pouvez pas voir les coins du menu quand il glisse vers la gauche et la droite.

Answer 3

J'ai un essai, d'abord faire le ul avoir assez de hauteur pour afficher le menu déroulant, puis appliquer margin-top: -xxxpx à l'élément ci-dessous le ul.

je teste le code de suivi dans mon Chrome:

1. modifier margin-bottom: 200px;-.horizontal-category ul
2. ajouter margin-top: -180px; à .ei-slider

De cette façon, ne pas besoin CSS3, il est donc plus grande compatibilité. Essaye-le!