CSS菜单阴影问题

时间:2010-08-24 07:25:51

标签: css menu shadow

请查看http://www.animefushigi.com

顶部的蓝色菜单栏

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

如果您查看此菜单的页面源,我必须列出每个菜单TWICE才能正常工作,否则菜单文本非常清晰,没有分隔符或悬停图像。

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

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

我需要为此做些什么改变?

css被发现@:www.animefushigi.com/wp-content/themes/darkblue/style8.css

谢谢!

2 个答案:

答案 0 :(得分:0)

您可以隐藏文字并使用图片。 您可以使用CSS3 text-shadow属性(仅适用于现代浏览器)。 您可以根据访问者浏览器组合两种方法。

答案 1 :(得分:0)

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