Question

我目前正试图找出用图片替换当前导航栏菜单（包含悬停效果和下拉菜单）的最佳方法，而不是将文本作为链接。我想要具有与当前相同的效果，但隐藏文本并使用图像。

Answer 1

要使文本存在但不可见，最简单的方法是在相关规则中使用以下两条规则：

form-group

这会将文本移动到元素边界之外，使其不可见，只留下背景图像。

Answer 2

你的CSS非常粗糙。你过分认可一切，并在各处重复风格。我建议清理所有这些。但与此同时，在你的CSS中，添加：

#cssmenu a {
    text-indent: -9999px;
}