CSS 菜单阴影问题答案

【问题标题】：CSS Menu Shadow ProblemCSS 菜单阴影问题
【发布时间】：2010-08-24 07:25:51
【问题描述】：

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

首页 |最新剧集 |等等……

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

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

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

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

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

谢谢！！

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：