2005-07-17

修改MBT插件二级子菜单字体颜色

我在帮citi作网页时采用了 MBT Trans Menu V1.0这个插件以实现类似Flash的菜单效果。安装完毕后添加几个主菜单和二级菜单,发现主菜单的颜色搭配没有问题,而是第二级菜单的颜色就比较糟糕了。底色为深红色,字的颜色却为浅灰色,显得很不明显。察看源代码,发现第二级菜单的代码都是在java scrip里实现的,没有专门的CSS的类来定义文字的显示。

在MBT Trans Menu自带的CSS文件里翻来覆去的检查半天也没有找到可以修改的地方,只好把页面的主css文件打开来检查,经过长时间的反复测试才发现,第二级菜单字体的颜色是下面那个类里定义的。

#leftmain table.moduletable td {
font : normal 11px Arial, Verdana, sans-serif, Helvetica ;
color: Black;
text-align : left;
padding : 2px 0px 0px 3px;
font-weight: bold;
}

把字体颜色改为黑色后,问题才算解决了。虽然是很小的问题,不过却花了我不少时间。问题在于前面定义的CSS特性一直会作用于页面的后来部分,我心里在想,如果CSS里有这么一个机制就好了,即在某处声明,从这里开始前面的CSS不再起作用,然后在某个位置在标明前面那个声明CSS失效的语句在此终结,即从这里CSS有开始起作用。

没有评论:

发表评论