代码之家  ›  专栏  ›  技术社区  ›  Stradigos

不显示子菜单滚动弹出窗口

  •  0
  • Stradigos  · 技术社区  · 14 年前

    希望这对你们中的一些CSS老兵来说是一个简单的答案。

    我正在为客户开发一个网站。为了易读性,我会给你一个链接到网站和CSS页面的问题。 HTML CSS

    当你滚动到“星石英水泥浆”时,我正试图在主菜单的右边弹出一个子菜单。我当前的CSS显然不正确,我可以使用一些指导。

    ul#subNav {display: none; width: 134px; }
    li:hover ul#subNav, li.over ul#subNav {display: inline-block; position: absolute; top: 0px; left: 134px; }
    

    我的猜测是它在工作,但它隐藏在页面的其余部分。但我可能错了。这是一种很难确认,即使与铬的“检查元素”(非常好的事情btw)。这可能是个愚蠢的错误。无论如何,提前谢谢。我是个新手。

    1 回复  |  直到 14 年前
        1
  •  1
  •   Julien    14 年前

    您可以尝试以下操作:

    ul#subNav ul
    {
    display: none;
    }
    
    ul#subNav li:hover ul
    {
    display:block;
    }
    

    但是要小心,因为你的“li”区域比链接本身要小。

    我在这个网站上是这样做的: Spirit Of Polo (将购物车悬停)。 小心,这种效果(悬停)在触摸屏设备上是看不见的(因为如果你想悬停是不可能的)。