子菜單重新調整懸停時間爲0.1秒

所以基本上當你懸停在Galerija子菜單出現。當子菜單出現時，子菜單的右側就像抽動/調整大小的第一個0.1秒。子菜單重新調整懸停時間爲0.1秒

也許有人可以幫助我。我不想從CSS發佈代碼，因爲我不知道問題出在哪裏。也許有人可以通過檢查或源代碼找到問題。

這裏是鏈接的頁面：http://feelflowers.lv/bilzu-galerija/

就在如果需要代碼的情況下，也許問題就在這裏的地方，但我不這麼認爲，因爲我不能修復它：

/* Dropdowns */ 

    .sf-menu li li { 
     background: #c18484; 
     margin-left:6px; 
     margin-top:8px; 
     border: 1px solid white; 
     border-radius:3px; 
    } 

     /* Sub Menu Item Links */ 

     .sf-menu li li a { 
      border-color: #c48484; 
      color: #fff; 
      font-weight:bold; 
     } 

     /* Sub Menu Hovering */ 

     .sf-menu li li:hover, .sf-menu li li.sfHover, 
     .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active { 
      background-color: #a07272; 
      color: #fff; 
      border-radius:3px; 
     }

來源

2016-03-01 Roberts Šensters

你的子列表比你的列表項目寬度小，你的列表項目是100％寬度加上剩餘空白。 – fcalderan

您的菜單被右下方的overflow: hidden切掉，在徘徊時出現在子菜單中。我不能告訴你overflow: hidden來自哪裏，因爲我沒有看到整個CSS文件，並且有很多內聯CSS聲明。刪除屬性，如果你知道它在哪裏或添加CSS規則子菜單：

.sub-menu { 
    overflow: visible !important; 
}

不漂亮，但工程;）

編輯：其實我覺得創建子菜單動畫JS代碼應用overflow: hidden東西;）

來源

2016-03-01 16:12:37 weidler

謝謝！將您的代碼添加到.sf-menu ul {}並且它工作正常。這有什麼缺點？ –

！重要的規則並不是實現平等的最佳方式，因爲它們是可以避免的。但是你沒有真正的缺點;）它是你的問題的一個絕對方便的方式 – weidler

子菜單重新調整懸停時間爲0.1秒

回答

相關問題