css - 基于图像的 CSS 下拉菜单

Question

我正在建立一个网站，想制作一个带有子菜单的导航栏。我的菜单项完全基于图像。我有每个元素的图像，每个元素都悬停。我只是不确定如何以这种方式去做，我只知道如何在不使用图像的情况下制作一个。谢谢

Answer 1

做与基于文本的导航相同的事情。在你完成设置你的 li a {text-indent:-9999px} 这将隐藏文本描述(无论如何这对移动和搜索引擎优化来说都是很好的)，现在创建一个图像 Sprite 您的图像并使用 background-position 属性在 css 中很好地定位它们。