0

我的导航栏 CSS 有问题。我希望它看起来像:http: //i39.tinypic.com/28is4uw.png

但这就是我得到的:http: //i40.tinypic.com/akecl5.png

我让它像这样工作的唯一方法是使用:

.under-menu { position: relative;  z-index:999; }

但这会杀死submenu links.

非常感谢!

4

1 回答 1

0

不是一个完美的解决方案,但如果我们想支持 IE,至少有一些解决方案,如果不只是添加

pointer-events: none;

将解决问题。此演示不包括指针事件。

这是一个演示: CSSDesk

综上所述,我在下拉列表中添加了波浪背景(在链接和下拉 ul 所在的 li 中),效果与您第二次尝试几乎相同,唯一不同的是我掩盖了下拉的顶部加上我在 LI 中添加的背景。你会看到波浪背景阴影变得越来越清晰,因为其他背景仍然存在(你可以用 JS 隐藏它,它会变得更好,但由于这只是一个 html/css 主题,我不添加任何 JS )

因此,当您将鼠标悬停在 LI 元素上时,会显示覆盖背景。因此,应为每个带有下拉菜单的 li 添加叠加背景。(就像我说的不是一个完美的解决方案)

于 2013-08-03T11:30:35.283 回答