css - CSS 菜单阴影问题

Question

请查看http://www.animefushigi.com顶部的蓝色菜单栏

主页 | 最新剧集 | ETC...

如果您查看此菜单的页面源代码，我必须两次列出每个菜单才能使其正常工作，否则菜单的文本很轻，并且没有分隔符或悬停图像。

这就是我的主题的工作方式。

我不认为这对 SEO 有好处，我只想拥有一个<li>...Home...</li>等

为此，我需要对我的 CSS 进行哪些更改？

css 找到@：www.animefushigi.com/wp-content/themes/darkblue/style8.css

谢谢！！

Answer 1

您可以隐藏文本并使用图像。您可以使用 CSS3 text-shadow 属性（仅适用于现代浏览器）。您可以结合两种方法，具体取决于访问者浏览器。

Answer 2

我同意这对 SEO 以及整体实施都不利。可以使用li每个导航项 1 个背景图像来完成。您可以使用常规a:hover换出背景图像。悬停图像可以放置在右上角，以允许您尝试使用此效果获得相同的效果。