我正在尝试用图片而不是文字替换我网站的顶级导航。到目前为止,我已将此文件隐藏在屏幕外,并为特定菜单项提供图像。
#menu-item-982 a {
background: url('image.png');
text-indent: -9999px;
}
问题在于,因此,superfish中没有自己的单独图像但只是常规文本菜单项的子菜单项继承了text-indent属性。
使用以下内容未重置子文本缩进。
.sub-menu li a {
text-indent: 0px;
}
简而言之,在使用文字菜单进行二级和三级飞行时,如何在超级鱼菜单的顶层使用图像?
答案 0 :(得分:2)
尝试使.sub-menu li a
更具体
这是一篇关于特异性的好文章:http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/
或
尝试使用重要的!对于那个css属性
.sub-menu li a { text-indent: 0px !important; }