不能使下拉工作

我有這個下拉，使其工作，我看到的只有一個解決方案正在起飛的溢出，但如果我把它它保持這樣的：不能使下拉工作

enter image description here

但如果我申請的溢出：隱藏它保持這樣的：

enter image description here

我怎樣才能使這項工作。我試圖申請溢出：隱藏;在其他div但不工作。

鏈接至網站：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>

來源

2014-06-29 Severiano

請在問題中張貼一些代碼 – David

您可以嘗試使用剪裁。首先刪除div.span12.horizontal-category中的溢出。然後在2個控制按鈕＃carousel-category-prev，＃carousel-category-next之間的div上添加一個剪輯矩形。然而，絕對位置需要使用剪切。但這應該沒問題。

<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>

這應該在左邊和右邊夾住溢出。然後將底部（500px）增加到您需要的任何值。剪切是控制溢出如何工作的一種方法。

來源

2014-06-29 14:46:59 b01

剪切屬性只適用於絕對位置元素，這真的很不幸。這是一個非常有用的控制溢出的CSS屬性。但是這個要求使得它不友好。 – b01

這將可能幫助您：

刪除溢出：隱藏從class="span12 horizontal-category"。
加溢出：隱藏到class="main-container"。

你可以給控制按鈕，如../img/button-prev-disabled.png一個白色的背景，所以當它向左和向右滑動時，你看不到菜單的角落。

來源

2014-06-29 14:35:08

我有一個嘗試，首先讓ul有足夠的高度來顯示下拉菜單，然後將margin-top: -xxxpx應用到ul下面的元素。

我在鉻試驗後續代碼：

編輯margin-bottom: 200px;到.horizontal-category ul
添加margin-top: -180px;到.ei-slider

這樣就不需要CSS3，所以它的兼容性更強。測試它！

來源

2014-06-29 14:56:21

不能使下拉工作

回答

相關問題