我正在尝试用图像而不是文本替换我网站的顶级导航。到目前为止,我有这个,它将文本隐藏在屏幕外并为特定菜单项放置图像。
#menu-item-982 a {
background: url('image.png');
text-indent: -9999px;
}
问题在于,superfish 中的子菜单项,它们没有自己的单独图像,而只是常规的文本菜单项,因此继承了 text-indent 属性。
使用以下内容不会重置子文本缩进。
.sub-menu li a {
text-indent: 0px;
}
简而言之,如何在超级鱼菜单的顶层使用图像,同时为二级和三级弹出菜单使用文本菜单?