下拉多級懸停問題在IE瀏覽器，火狐

我已經使用dropfish的superfish，但在IE 8,9和Firefox渲染時出現問題，它在safari和chrome上工作正常，在懸停產品時，錨文本向上移動，我花了幾個小時通過修改CSS沒有成功，任何人都可以幫助我，我錯了，下面是網站：下拉多級懸停問題在IE瀏覽器，火狐

test-website懸停效應可以在產品子列表上找到。

.sf-menu li a 
{ 
    float: none; 
    border: none; 
    margin: 0; 
    display: inline-block; 
    color: #FFFFFF; 
    text-decoration: none; 
    font-size: 11px;  

    height: 23px; 

    font-weight: bold; 

} 

.sf-menu li a:hover 
{ 
    display: inline-block; 
    height: 0px !Important; 
    text-decoration: none; 
    font-weight: bold; 
    line-height: 20px; 
    padding: 0px 0px 0px 20px ; 
    float: left; 


}

問候

來源

2012-03-28 Mr A

變化line-height: 20px;到line-height: 24px;

.sf-menu li a:hover { 
    display: inline-block; 
    float: left; 
    font-weight: bold; 
    height: 0 !important; 
    line-height: 24px; 
    padding: 0 0 0 20px; 
    text-decoration: none; 
}

編輯。目標嵌套li

.sf-menu ul li ul li a:hover { 
     padding: 0 0 0 20px; 
     line-height: 20px; 
}

您可能需要使用這些值。

來源

2012-03-28 13:19:20 SMacFadyen

嘗試失敗 – 2012-03-28 13:40:16

嘗試編輯答案 – SMacFadyen 2012-03-28 14:01:25

你的子菜單沒有從哪裏下拉的參考點，你指定子菜單的容器作爲絕對子菜單以及子菜單ul本身，我很驚訝它甚至可以在Chrome中運行，試試這個修復它：

.quiklinks li { 
    position:relative; 
}

在您jquery.superfishmenu.css樣式，修正以下：

：

在下面的類中刪除position:absolute規則

.categoriesHeaderMenu { 
    position:absolute; /* remove */ 
}

設置你的子菜單ul類以下幾點：

.categoriesHeaderMenu ul { 
    position:absolute; /* currently it is set as relative, change it to absolute */ 
    left:0; 
}

而且，不知道你是否注意到了這一點，但你包括你的jquery.superfishmenu.css樣式表和JS腳本您的子菜單下的菜單應位於標題頂部。

來源

2012-03-28 19:02:25

下拉多級懸停問題在IE瀏覽器，火狐

回答

相關問題