更改菜单项的字体颜色(如果此项具有背景)

Question

>我在此域上创建了一个新站点 keksik.com在这里，您可以在顶部看到导航菜单。

问题是我需要活动菜单项的字体颜色为黑色，即使它没有悬停。当我将鼠标悬停在子项上时，同样的事情应该应用于父菜单项。

所以，如果菜单项有背景图像，我认为我需要在这里使用 javascript 动态将字体颜色更改为黑色。

我试图将此代码添加到 head，但没有任何变化：

<script type="text/javascript">
$(document).ready(function(){
    if ($(#top #nav li).css('background') == 'url(images1/mtbg.gif) no-repeat left center') {
    $(#top #nav li a).css('color', 'black');
  }  
});
</script>

所以，我希望你能帮助我解决这个问题。提前谢谢你。

Answer 1

嗯。 不确定我是否理解，但也许这样的事情会起作用：

var strBG = "url(images1/mtbg.gif) no-repeat left center";
$("#top #nav li a").live("hover", function(){
    if ($(this).parent().css("background") == strBG)
    {
        $(this).css("color", "black");
        $(this).parent().css("color", "black");
    }
});
$("#top #nav li").live("hover", function(){
    if ($(this).css("background") == strBG)
    {
        $(this).css("color", "black");
        $(this).find("a").css("color", "black");
    }
});

Answer 2

我不太确定你在问什么，但你为什么不能只使用它：

#top #nav li.active, 
#top #nav li.active:hover {
    color: black;
}

这是怎么回事？