Drupal megamenu：如何擺脫IE8/9懸停的藍色背景？

Question

我正在爲使用megamenu的drupal 7構建的網站製作主題CSS。

在IE 7/8/9（但不包含IE10）中，當您將鼠標懸停在其上時，菜單項（一個元素）具有藍色背景，但我無法識別導致此樣式的css規則以將其取消。該問題在drupal.org上標有截圖（https://drupal.org/node/2106415），但尚未解決。

我梳理了megamenu模塊css，還通過一些基於bootstrap的主題css，發現了很多樣式，似乎將藍色或「繼承」背景應用於由各種懸浮狀態選擇的megamenu元素和/或活動父元素，複製這些選擇器中的每一個，並嘗試通過應用它們來取消藍色背景：

background-color: transparent !important; 
background-image: none !important; 
background: none !important; 

沒有成功。

無奈之下我試過（＃區域菜單裏面這我megamenu是容器）

#region-menu a, 
#region-menu a:active, 
#region-menu a:hover, 
#region-menu a:focus 
{ 
    background-color: transparent !important; 
    background-image: none !important; 
    background: none !important; 
} 

，這擺脫了在IE7懸停狀態藍色背景的，但不是在IE8/9！

然後我試圖強制IE調試器來確定樣式來自哪裏。我試過這個把戲： Is there a way to test CSS :hover in IE Developer tools? 但是當我得到了風格來顯示，被跟蹤的樣式顯示我的規則上面作爲活動，即使IE顯示藍色背景，而不是透明背景。

我在一個完全的損失，我的帽子關閉任何人誰發現是什麼原因這個藍色背景！

Answer 1

風格造成不必要的藍色背景是在模塊\ tb_megamenu \ CSS \ base.css線230和245

只需去除背景圖像和顏色（像我以前試過）只適用於IE7。要刪除IE8/9中的藍色背景，您需要重置過濾器以刪除漸變。

這個固定它在IE7/8/9對我來說：

.tb-megamenu .dropdown-menu li > a:hover, 
.tb-megamenu .dropdown-menu li > a:focus, 
.tb-megamenu .dropdown-submenu:hover > a , 
.tb-megamenu .dropdown-menu .active > a, 
.tb-megamenu .dropdown-menu .active > a:hover 
{ 
    background-color: transparent !important; 
    background-image: none !important; 
    filter: alpha(opacity=100); 
}