Question

我的Chrome只有一个奇怪的问题。我的网站上有一个菜单，其子菜单仅在父项目悬停时显示。这是我的CSS：

.menu .liFirstLevel ul  
{  
  position: relative;  
  background-image: url(/imgs/bg-submenu.jpg);  
  background-repeat: repeat; 
}

.menu .liFirstLevel:hover ul {  

  display: block;  
  z-index: 5;  
  padding: 0px;    
  line-height: 30px;

}

这就是问题所在：让我们假设我有一个父菜单，其子菜单包含3个选项。像这样：

    <ul class='menu'>
        <li class='liFirstLevel'>
            <ul class='submenu'>
                <li>SubMenu1</li>
                <li>SubMenu2</li>
                <li>SubMenu3</li>
            </ul>
        </li>
    </ul>

当我将鼠标悬停在ul.menu上时，子菜单总是会显示出来。但是当我尝试选择一个子项目菜单时，一旦crusor处于第一个子项目的中间高度就会消失...所以在上面的例子中，当我到达“Submenu1”的中间高度时，我的子菜单消失。现在这里是一个奇怪的部分：如果我最小化铬然后把它带回来，那么虫子就消失了...... 我的菜单是100％功能。所以我很确定我的CSS还可以......

我能尝试的任何想法？我尝试了很多东西。我希望我很清楚，解释起来有点复杂！

由于

Chrome故障和悬停事件

0 个答案: