CSS菜单阴影问题

标签 css menu shadow

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

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

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

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

出于 SEO 的原因,我认为这不是一件好事,我只想拥有一个 <li>...Home...</li>等等

为此,我需要对我的 CSS 做哪些更改?

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

谢谢!!

最佳答案

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

关于CSS菜单阴影问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3554279/

相关文章:

android - 高程产生的阴影显示为可绘制的圆形作为背景但不是矩形

ios - 这里的角落工作但阴影在 iOS 9 和 10 中不起作用

html - "Stair-step"带有 CSS 的兄弟元素

javascript - 需要一种方法来复制缩短的超长字符串

html - 在表格单元格中查找每张图片的 X 和 Y 坐标

javascript - 使用菜单移动内容

html - Bootstrap 导航栏按钮有效,但按钮本身不显示

javascript - 在 JQuery 中延迟隐藏子菜单

html - 切换按钮滑动动画

c++ - GLSL - 从阴影立方体贴图检索值时的结果不正确